From 446c5b8cc17c876d1cba8f055d4604844e9986f5 Mon Sep 17 00:00:00 2001
From: Andrew Ferreira <andrew.shien2@gmail.com>
Date: Thu, 25 May 2023 19:53:03 -0300
Subject: [PATCH 1/2] fix: adiciona `state_reason`

---
 scripts/actions/issues.mjs | 1 +
 1 file changed, 1 insertion(+)

diff --git a/scripts/actions/issues.mjs b/scripts/actions/issues.mjs
index 331af2ea..c72297a1 100644
--- a/scripts/actions/issues.mjs
+++ b/scripts/actions/issues.mjs
@@ -21,6 +21,7 @@ const data = {
     body: issue.data.body,
     date: Date.parse(issue.data.created_at),
     state: issue.data.state,
+    state_reason: issue.data.state_reason,
     number: issue.data.number,
     labels: issue.data.labels,
 

From 31bc8508922e00106c672246a49b72a83496d6be Mon Sep 17 00:00:00 2001
From: Andrew Ferreira <andrew.shien2@gmail.com>
Date: Mon, 29 May 2023 12:44:20 -0300
Subject: [PATCH 2/2] =?UTF-8?q?fix:=20impede=20que=20o=20bot=C3=A3o=20de?=
 =?UTF-8?q?=20exporta=C3=A7=C3=A3o=20apare=C3=A7a=20quando=20n=C3=A3o=20h?=
 =?UTF-8?q?=C3=A1=20o=20que=20exportar?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 browser/events/dev.ts                         |  40 ++++---
 electron/menu/dev.ts                          |   2 +-
 modules/assets/main.scss                      |  35 ------
 .../components/ConfigPlunderGridAttack.vue    |   2 +-
 .../components/ConfigPlunderGridGroups.vue    |   2 +-
 .../components/ConfigPlunderGridOthers.vue    |   2 +-
 .../components/ConfigPlunderGridTemplateC.vue |   2 +-
 modules/components/ConfigPlunderGridWall.vue  |   2 +-
 modules/components/ErrorLogElectron.vue       |  32 ------
 .../components/ErrorLogExportButton.vue       |  13 ++-
 modules/components/ErrorLogGeneral.vue        |  32 ------
 modules/router/error.ts                       |  21 ----
 modules/router/index.ts                       |  13 ++-
 modules/views/ConfigView.vue                  |  37 ++++--
 modules/views/ErrorLogView.vue                | 108 ++++++++++--------
 typings/error.d.ts                            |   4 +-
 typings/modules.d.ts                          |   4 +-
 17 files changed, 139 insertions(+), 212 deletions(-)
 delete mode 100644 modules/components/ErrorLogElectron.vue
 rename renderer/components/ButtonErrorExport.vue => modules/components/ErrorLogExportButton.vue (82%)
 delete mode 100644 modules/components/ErrorLogGeneral.vue
 delete mode 100644 modules/router/error.ts

diff --git a/browser/events/dev.ts b/browser/events/dev.ts
index e71ae576..6c503484 100644
--- a/browser/events/dev.ts
+++ b/browser/events/dev.ts
@@ -5,24 +5,30 @@ export function setDevEvents(isDev: boolean) {
     if (!isDev) return;
     
     // A callback desse evento varia conforme o que está sendo testado no momento.
-    ipcRenderer.on('its-dev-magic', () => {
+    ipcRenderer.on('dev:magic', () => {
         console.log('It\'s dev magic!');
-        
-        const previous = document.querySelector('#bot_check[ares="test"]');
-        if (previous) {
-            previous.remove();
-        } else {
-            const botCheck = document.createElement('div');
-            botCheck.setAttribute('id', 'bot_check');
-            botCheck.setAttribute('ares', 'test');
-
-            const content = document.queryAndAssert('table#contentContainer');
-            content.appendChild(botCheck);
-        };
+        mockRendererProcessError();
     });
 
-    ipcRenderer.on('emit-mock-error', () => {
-        const err = new RendererProcessError('Lorem ipsum dolor sit amet, consectetur adipiscing elit.');
-        RendererProcessError.catch(err);
-    });
+    ipcRenderer.on('dev:mock-captcha', () => mockCaptcha());
+    ipcRenderer.on('dev:mock-error', () => mockRendererProcessError());
+};
+
+function mockCaptcha(): void {
+    const previous = document.querySelector('#bot_check[ares="test"]');
+    if (previous) {
+        previous.remove();
+    } else {
+        const botCheck = document.createElement('div');
+        botCheck.setAttribute('id', 'bot_check');
+        botCheck.setAttribute('ares', 'test');
+
+        const content = document.queryAndAssert('table#contentContainer');
+        content.appendChild(botCheck);
+    };
+};
+
+function mockRendererProcessError(): void {
+    const err = new RendererProcessError('Lorem ipsum dolor sit amet, consectetur adipiscing elit.');
+    RendererProcessError.catch(err);
 };
\ No newline at end of file
diff --git a/electron/menu/dev.ts b/electron/menu/dev.ts
index 80531bfa..8e8ef58e 100644
--- a/electron/menu/dev.ts
+++ b/electron/menu/dev.ts
@@ -78,6 +78,6 @@ export function setModuleDevMenu(browserWindow: Electron.BrowserWindow) {
 function castDevMagic() {
     const allWebContents = webContents.getAllWebContents();
     for (const contents of allWebContents) {
-        contents.send('its-dev-magic');
+        contents.send('dev:magic');
     };
 };
\ No newline at end of file
diff --git a/modules/assets/main.scss b/modules/assets/main.scss
index d76571a8..bac3cb2a 100644
--- a/modules/assets/main.scss
+++ b/modules/assets/main.scss
@@ -10,36 +10,6 @@ html {
     overflow: hidden;
 }
 
-.module-nav-bar {
-    height: 30px;
-    padding-left: 0.5em;
-    padding-right: 0.5em;
-    user-select: none;
-}
-
-@mixin module-tabbed-view-wrapper($margin-bottom: 0) {
-    position: absolute;
-    top: 30px;
-    bottom: 0;
-    width: 100%;
-    padding-left: 0.3em;
-    margin-top: 0.5em;
-    overflow: hidden;
-    user-select: none;
-
-    @if $margin-bottom > 0 {
-        margin-bottom: $margin-bottom;
-    }
-}
-
-.module-view {
-    height: 100%;
-    width: 100%;
-    overflow-x: hidden;
-    overflow-y: auto;
-    user-select: none;
-}
-
 .config-divider {
     margin-top: 1em !important;
     margin-bottom: 0.5em !important;
@@ -47,9 +17,4 @@ html {
 
 .config-divider:first-of-type {
     margin-top: 0.3em !important;
-}
-
-.error-log {
-    margin-bottom: 0.5em;
-    user-select: text;
 }
\ No newline at end of file
diff --git a/modules/components/ConfigPlunderGridAttack.vue b/modules/components/ConfigPlunderGridAttack.vue
index ef8df9c9..c24ceb42 100644
--- a/modules/components/ConfigPlunderGridAttack.vue
+++ b/modules/components/ConfigPlunderGridAttack.vue
@@ -11,7 +11,7 @@ const props = defineProps<{
 }>();
 
 const emit = defineEmits<{
-    <T extends keyof PlunderConfigType>(event: 'update:config', name: T, value: PlunderConfigType[T]): void;
+    <T extends keyof PlunderConfigType>(e: 'update:config', name: T, value: PlunderConfigType[T]): void;
 }>();
 
 const maxDistance = ref<number>(props.config.maxDistance);
diff --git a/modules/components/ConfigPlunderGridGroups.vue b/modules/components/ConfigPlunderGridGroups.vue
index 44eeff6d..454ab263 100644
--- a/modules/components/ConfigPlunderGridGroups.vue
+++ b/modules/components/ConfigPlunderGridGroups.vue
@@ -13,7 +13,7 @@ const props = defineProps<{
 }>();
 
 const emit = defineEmits<{
-    <T extends keyof PlunderConfigType>(event: 'update:config', name: T, value: PlunderConfigType[T]): void;
+    <T extends keyof PlunderConfigType>(e: 'update:config', name: T, value: PlunderConfigType[T]): void;
 }>();
 
 const previousGroups = await ipcInvoke('get-village-groups');
diff --git a/modules/components/ConfigPlunderGridOthers.vue b/modules/components/ConfigPlunderGridOthers.vue
index 814658de..7e3a6fe6 100644
--- a/modules/components/ConfigPlunderGridOthers.vue
+++ b/modules/components/ConfigPlunderGridOthers.vue
@@ -10,7 +10,7 @@ const props = defineProps<{
 }>();
 
 const emit = defineEmits<{
-    <T extends keyof PlunderConfigType>(event: 'update:config', name: T, value: PlunderConfigType[T]): void;
+    <T extends keyof PlunderConfigType>(e: 'update:config', name: T, value: PlunderConfigType[T]): void;
 }>();
 
 const minutesUntilReload = ref<number>(props.config.minutesUntilReload);
diff --git a/modules/components/ConfigPlunderGridTemplateC.vue b/modules/components/ConfigPlunderGridTemplateC.vue
index 4a778246..b4471d30 100644
--- a/modules/components/ConfigPlunderGridTemplateC.vue
+++ b/modules/components/ConfigPlunderGridTemplateC.vue
@@ -10,7 +10,7 @@ const props = defineProps<{
 }>();
 
 const emit = defineEmits<{
-    <T extends keyof PlunderConfigType>(event: 'update:config', name: T, value: PlunderConfigType[T]): void;
+    <T extends keyof PlunderConfigType>(e: 'update:config', name: T, value: PlunderConfigType[T]): void;
 }>();
 
 const useCPattern = ref<UseCPattern>(props.config.useCPattern);
diff --git a/modules/components/ConfigPlunderGridWall.vue b/modules/components/ConfigPlunderGridWall.vue
index 984c73b0..163be9d4 100644
--- a/modules/components/ConfigPlunderGridWall.vue
+++ b/modules/components/ConfigPlunderGridWall.vue
@@ -13,7 +13,7 @@ const props = defineProps<{
 }>();
 
 const emit = defineEmits<{
-    <T extends keyof PlunderConfigType>(event: 'update:config', name: T, value: PlunderConfigType[T]): void;
+    <T extends keyof PlunderConfigType>(e: 'update:config', name: T, value: PlunderConfigType[T]): void;
 }>();
 
 const dialog = useDialog();
diff --git a/modules/components/ErrorLogElectron.vue b/modules/components/ErrorLogElectron.vue
deleted file mode 100644
index 95b0fa0d..00000000
--- a/modules/components/ErrorLogElectron.vue
+++ /dev/null
@@ -1,32 +0,0 @@
-<script setup lang="ts">
-import { reactive, watchEffect } from 'vue';
-import { useIpcRendererOn } from '@vueuse/electron';
-import { NCard } from 'naive-ui';
-import { ipcInvoke } from '$renderer/ipc';
-import { getLocaleDateString } from '$global/helpers';
-import { ModuleError } from '$modules/error';
-import ResultSucess from '$renderer/components/ResultSucess.vue';
-
-const raw = await ipcInvoke('error:get-electron-log');
-if (!Array.isArray(raw)) throw new ModuleError('Database connection error.');
-
-const errors = reactive(raw);
-watchEffect(() => errors.sort((a, b) => b.time - a.time));
-
-useIpcRendererOn('error:electron-log-did-update', (_e, newError: ErrorLogType) => errors.push(newError));
-</script>
-
-<template>
-    <section>
-        <template v-if="errors.length > 0">
-            <TransitionGroup name="tb-fade">
-                <NCard v-for="error of errors" :key="error.id" class="error-log" hoverable>
-                    <template #header>{{ error.name }}</template>
-                    <template #header-extra>{{ getLocaleDateString(error.time, true) }}</template>
-                    <template #default>{{ error.message }}</template>
-                </NCard>
-            </TransitionGroup>
-        </template>
-        <ResultSucess v-else description="Nenhum erro registrado :)" />
-    </section>
-</template>
\ No newline at end of file
diff --git a/renderer/components/ButtonErrorExport.vue b/modules/components/ErrorLogExportButton.vue
similarity index 82%
rename from renderer/components/ButtonErrorExport.vue
rename to modules/components/ErrorLogExportButton.vue
index 6f7772a7..7768dbc0 100644
--- a/renderer/components/ButtonErrorExport.vue
+++ b/modules/components/ErrorLogExportButton.vue
@@ -4,7 +4,11 @@ import { NButton, useMessage } from 'naive-ui';
 import { ipcInvoke } from '$renderer/ipc';
 
 defineProps<{
-    buttonTop: string;
+    top: string;
+}>();
+
+const emit = defineEmits<{
+    (e: 'export'): void;
 }>();
 
 const message = useMessage();
@@ -15,6 +19,7 @@ async function exportLog() {
     const status = await ipcInvoke('error:export');
     if (status === 'sucess') {
         message.success('Tudo certo!');
+        emit('export');
     } else if (status === 'error') {
         message.error('Erro ao exportar o registro de erros.');
     };
@@ -24,7 +29,7 @@ async function exportLog() {
 </script>
 
 <template>
-    <div class="btn-error-export">
+    <div class="error-log-button-area">
         <NButton :loading="loading" :disabled="loading" @click="exportLog">
             Exportar
         </NButton>
@@ -32,9 +37,9 @@ async function exportLog() {
 </template>
 
 <style scoped lang="scss">
-.btn-error-export {
+.error-log-button-area {
     position: absolute;
-    top: v-bind("buttonTop");
+    top: v-bind("top");
     bottom: 0;
     display: flex;
     justify-content: center;
diff --git a/modules/components/ErrorLogGeneral.vue b/modules/components/ErrorLogGeneral.vue
deleted file mode 100644
index 624cee55..00000000
--- a/modules/components/ErrorLogGeneral.vue
+++ /dev/null
@@ -1,32 +0,0 @@
-<script setup lang="ts">
-import { reactive, watchEffect } from 'vue';
-import { useIpcRendererOn } from '@vueuse/electron';
-import { NCard } from 'naive-ui';
-import { ipcInvoke } from '$renderer/ipc';
-import { getLocaleDateString } from '$global/helpers';
-import { ModuleError } from '$modules/error';
-import ResultSucess from '$renderer/components/ResultSucess.vue';
-
-const raw = await ipcInvoke('error:get-log');
-if (!Array.isArray(raw)) throw new ModuleError('Database connection error.');
-
-const errors = reactive(raw);
-watchEffect(() => errors.sort((a, b) => b.time - a.time));
-
-useIpcRendererOn('error:log-did-update', (_e, newError: ErrorLogType) => errors.push(newError));
-</script>
-
-<template>
-    <section>
-        <template v-if="errors.length > 0">
-            <TransitionGroup name="tb-fade">
-                <NCard v-for="error of errors" :key="error.id" class="error-log" hoverable>
-                    <template #header>{{ error.name }}</template>
-                    <template #header-extra>{{ getLocaleDateString(error.time, true) }}</template>
-                    <template #default>{{ error.message }}</template>
-                </NCard>
-            </TransitionGroup>
-        </template>
-        <ResultSucess v-else description="Nenhum erro registrado :)" />
-    </section>
-</template>
\ No newline at end of file
diff --git a/modules/router/error.ts b/modules/router/error.ts
deleted file mode 100644
index 626e1102..00000000
--- a/modules/router/error.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import ErrorLogView from '$modules/views/ErrorLogView.vue';
-import ErrorLogGeneral from '$modules/components/ErrorLogGeneral.vue';
-import ErrorLogElectron from '$modules/components/ErrorLogElectron.vue';
-
-export const errorRoutes: ModuleRouteRecordRawStrict<ErrorModuleRoutes | 'error-log'> = {
-    path: '/error-log',
-    name: 'error-log',
-    component: ErrorLogView,
-    children: [
-        {
-            path: 'normal',
-            name: 'error-general',
-            component: ErrorLogGeneral
-        },
-        {
-            path: 'electron',
-            name: 'error-electron',
-            component: ErrorLogElectron
-        }
-    ]
-};
\ No newline at end of file
diff --git a/modules/router/index.ts b/modules/router/index.ts
index aec9d6a4..795c12fc 100644
--- a/modules/router/index.ts
+++ b/modules/router/index.ts
@@ -1,10 +1,10 @@
 import { createRouter, createMemoryHistory } from 'vue-router';
 import { getRouteNames, getChildrenRoutes } from '$renderer/utils/router';
-import { errorRoutes } from '$modules/router/error';
 import { configRoutes } from '$modules/router/config';
 import DefaultView from '$renderer/views/DefaultView.vue';
 import AppUpdateView from '$modules/views/AppUpdateView.vue';
 import DemolitionView from '$modules/views/DemolitionView.vue';
+import ErrorLogView from '$modules/views/ErrorLogView.vue';
 import PlunderHistory from '$modules/views/PlunderHistoryView.vue';
 import PlunderTemplateView from '$modules/views/PlunderTemplateView.vue';
 
@@ -27,6 +27,11 @@ const singleRoutes: ModuleRouteRecordRaw[] = [
         name: 'demolition',
         component: DemolitionView
     },
+    {
+        path: '/error-log',
+        name: 'error-log',
+        component: ErrorLogView
+    },
     {
         path: '/plunder-history',
         name: 'plunder-history',
@@ -39,11 +44,7 @@ const singleRoutes: ModuleRouteRecordRaw[] = [
     }
 ];
 
-const routes: ModuleRouteRecordRaw[] = [
-    ...singleRoutes,
-    configRoutes,
-    errorRoutes
-];
+const routes: ModuleRouteRecordRaw[] = [...singleRoutes, configRoutes];
 
 export const router = createRouter({
     history: createMemoryHistory(),
diff --git a/modules/views/ConfigView.vue b/modules/views/ConfigView.vue
index 82234e24..6d155a54 100644
--- a/modules/views/ConfigView.vue
+++ b/modules/views/ConfigView.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { ref, watch, nextTick, onMounted } from 'vue';
+import { computed, nextTick, onMounted, ref, watch } from 'vue';
 import { RouterView } from 'vue-router';
-import { syncRef, useArrayIncludes } from '@vueuse/core';
+import { syncRef, useArrayIncludes, useElementSize, useWindowSize } from '@vueuse/core';
 import { NTabs, NTab, type TabsInst } from 'naive-ui';
 import { configRouteNames, router } from '$modules/router';
 
@@ -9,6 +9,12 @@ const tabs = ref<TabsInst | null>(null);
 const tabName = ref<ConfigModuleRoutes>('config-general');
 watch(tabName, (name) => router.push({ name }));
 
+const navBar = ref<HTMLElement | null>(null);
+const { height: navBarHeight } = useElementSize(navBar, { width: 0, height: 0 }, { box: 'border-box' });
+
+const { height: windowHeight } = useWindowSize();
+const viewHeight = computed(() => `${windowHeight.value - navBarHeight.value}px`);
+
 const currentRouteName = ref<string | null>(null);
 syncRef(router.currentRoute, currentRouteName, {
     deep: true,
@@ -31,7 +37,7 @@ onMounted(async () => {
 </script>
 
 <template>
-    <nav class="module-nav-bar">
+    <nav ref="navBar" class="config-nav-bar">
         <NTabs
             ref="tabs"
             v-model:value="tabName"
@@ -47,8 +53,8 @@ onMounted(async () => {
         </NTabs>
     </nav>
 
-    <div class="module-tabbed-view-wrapper">
-        <RouterView #default="{ Component }" class="module-view tb-scrollbar">
+    <div class="config-view-wrapper tb-scrollbar">
+        <RouterView #default="{ Component }">
             <template v-if="Component">
                 <Transition name="tb-fade" mode="out-in">
                     <KeepAlive>
@@ -66,9 +72,24 @@ onMounted(async () => {
 </template>
 
 <style scoped lang="scss">
-@use '$modules/assets/main.scss';
+.config-nav-bar {
+    height: 30px;
+    padding-left: 0.5em;
+    padding-right: 0.5em;
+    user-select: none;
+}
 
-.module-tabbed-view-wrapper {
-    @include main.module-tabbed-view-wrapper;
+.config-view-wrapper {
+    position: absolute;
+    top: 30px;
+    bottom: 0;
+    width: 100%;
+    height: v-bind("viewHeight");
+    overflow-x: hidden;
+    overflow-y: auto;
+    user-select: none;
+    padding-left: 0.3em;
+    margin-top: 0.5em;
+    margin-bottom: 0.5em;
 }
 </style>
\ No newline at end of file
diff --git a/modules/views/ErrorLogView.vue b/modules/views/ErrorLogView.vue
index d3f1dd14..7ca5a5bf 100644
--- a/modules/views/ErrorLogView.vue
+++ b/modules/views/ErrorLogView.vue
@@ -1,64 +1,78 @@
 <script setup lang="ts">
-import { computed, ref, watchEffect } from 'vue';
-import { RouterView } from 'vue-router';
-import { useElementSize, useWindowSize } from '@vueuse/core';
-import { NTabs, NTab } from 'naive-ui';
-import { router } from '$modules/router';
-import { ModuleRouterError } from '$modules/error';
-import ButtonErrorExport from '$renderer/components/ButtonErrorExport.vue';
+import { computed, ref } from 'vue';
+import { useWindowSize } from '@vueuse/core';
+import { useIpcRendererOn } from '@vueuse/electron';
+import { NCard } from 'naive-ui';
+import { ipcInvoke } from '$renderer/ipc';
+import { getLocaleDateString } from '$global/helpers';
+import ErrorLogExportButton from '$modules/components/ErrorLogExportButton.vue';
+import ResultSucess from '$renderer/components/ResultSucess.vue';
 
 const { height: windowHeight } = useWindowSize();
+const contentHeight = computed(() => `${windowHeight.value - 50}px`);
 
-const navBar = ref<HTMLElement | null>(null);
-const { height: navBarHeight } = useElementSize(navBar);
+const errorCardContainer = ref<HTMLDivElement | null>(null);
+const isContainerOverflowing = computed(() => {
+    if (errorCardContainer.value) {
+        return errorCardContainer.value.scrollHeight > errorCardContainer.value.clientHeight;
+    };
 
-const exportButton = ref<HTMLElement | null>(null);
-const { height: exportButtonHeight } = useElementSize(exportButton);
+    return false;
+});
 
-const contentHeight = computed(() => windowHeight.value - navBarHeight.value);
-const wrapperBottom = computed(() => `${contentHeight.value - 30}px`);
-const wrapperHeight = computed(() => `${contentHeight.value - exportButtonHeight.value}px`);
+const general = await ipcInvoke('error:get-log') ?? [];
+const electron = await ipcInvoke('error:get-electron-log') ?? [];
 
-const route = ref<ErrorModuleRoutes>('error-general');
-watchEffect(() => {
-    router.push({ name: route.value }).catch(ModuleRouterError.catch);
-});
+const errors = ref<(ErrorCard<ElectronErrorLogType | ErrorLogType>)[]>([
+    ...general.map((e) => ({ ...e, id: `general-${e.id}` })),
+    ...electron.map((e) => ({ ...e, id: `electron-${e.id}` }))
+]);
+
+function updateErrorList(err: ElectronErrorLogType | ErrorLogType, type: 'electron' | 'general') {
+    const newError = { ...err, id: `${type}-${err.id}` };
+    errors.value.push(newError);
+};
+
+useIpcRendererOn('error:log-did-update', (_e, err: ErrorLogType) => updateErrorList(err, 'general'));
+useIpcRendererOn('error:electron-log-did-update', (_e, err: ErrorLogType) => updateErrorList(err, 'electron'));
 </script>
 
 <template>
-    <nav ref="navBar" class="module-nav-bar">
-        <NTabs v-model:value="route" animated default-value="error-general" justify-content="start" tab-style="margin-right: 2em;">
-            <NTab name="error-general" tab="Geral" />
-            <NTab name="error-electron" tab="Electron" />
-        </NTabs>
-    </nav>
-
-    <div class="module-tabbed-view-wrapper">
-        <RouterView #default="{ Component }" class="module-view tb-scrollbar">
-            <template v-if="Component">
-                <Transition name="tb-fade" mode="out-in">
-                    <KeepAlive>
-                        <Suspense>
-                            <component :is="Component" />
-                            <template #fallback>
-                                <span class="bold-green to-center">Carregando...</span>
-                            </template>
-                        </Suspense>
-                    </KeepAlive>
-                </Transition>
-            </template>
-        </RouterView>
-    </div>
+    <section>
+        <template v-if="errors.length > 0">
+            <div ref="errorCardContainer" class="error-card-container tb-scrollbar">
+                <TransitionGroup name="tb-fade">
+                    <NCard v-for="error of errors" :key="error.id" class="error-card" hoverable>
+                        <template #header>{{ error.name }}</template>
+                        <template #header-extra>{{ getLocaleDateString(error.time, true) }}</template>
+                        <template #default>{{ error.message }}</template>
+                    </NCard>
+                </TransitionGroup>
+            </div>
 
-    <ButtonErrorExport ref="exportButton" :button-top="wrapperBottom" />
+            <ErrorLogExportButton :top="contentHeight" @export="errors = []" />
+        </template>
+        <ResultSucess v-else description="Nenhum erro registrado :)" />
+    </section>
 </template>
 
 <style scoped lang="scss">
-@use '$modules/assets/main.scss';
+.error-card-container {
+    position: absolute;
+    top: 0;
+    bottom: v-bind("contentHeight");
+    width: 100%;
+    height: v-bind("contentHeight");
+    overflow-x: hidden;
+    overflow-y: auto;
+    user-select: none;
+    padding-top: 0.5em;
+    padding-left: 0.3em;
+    padding-right: v-bind("isContainerOverflowing ? 0 : '0.3em'");
+}
 
-.module-tabbed-view-wrapper {
-    @include main.module-tabbed-view-wrapper($margin-bottom: 2rem);
-    bottom: v-bind("wrapperBottom");
-    height: v-bind("wrapperHeight");
+.error-card {
+    margin-bottom: 0.5em;
+    user-select: text;
 }
 </style>
\ No newline at end of file
diff --git a/typings/error.d.ts b/typings/error.d.ts
index 7a20d1a2..56095042 100644
--- a/typings/error.d.ts
+++ b/typings/error.d.ts
@@ -16,4 +16,6 @@ type ElectronErrorLogType = EnvironmentInfo & ErrorLogBase;
 type OmitOptionalErrorLogProps<T> = Omit<T, 'id' | 'pending'>;
 type AllErrorLogTypes = 
     | OmitOptionalErrorLogProps<ElectronErrorLogType> & Partial<Pick<ErrorLogBase, 'id' | 'pending'>>
-    | OmitOptionalErrorLogProps<ErrorLogType> & Partial<Pick<ErrorLogBase, 'id' | 'pending'>>;
\ No newline at end of file
+    | OmitOptionalErrorLogProps<ErrorLogType> & Partial<Pick<ErrorLogBase, 'id' | 'pending'>>;
+
+type ErrorCard<T extends ElectronErrorLogType | ErrorLogType> = Omit<T, 'id'> & { id: string };
\ No newline at end of file
diff --git a/typings/modules.d.ts b/typings/modules.d.ts
index 7c19407b..8e42c33f 100644
--- a/typings/modules.d.ts
+++ b/typings/modules.d.ts
@@ -23,12 +23,10 @@ type SingleModules =
 type NestedModules = 'app-config' | 'error-log';
 type ModuleNames = NestedModules | SingleModules;
 
-type ErrorModuleRoutes = 'error-electron' | 'error-general';
-
 type ConfigModuleRoutes =
     'config-advanced' | 'config-general' | 'config-notifications' | 'config-plunder';
 
-type ModuleRoutes = ConfigModuleRoutes | ErrorModuleRoutes | ModuleNames;
+type ModuleRoutes = ConfigModuleRoutes | ModuleNames;
 
 // WEBSITE
 type WebsiteModuleNames = 'any-allowed' | 'ares' | 'issues' | 'repo';
\ No newline at end of file