chore: refactor

Author: h16nning

src/App.module.css

@@ -1,6 +1,3 @@
 .main {
-  min-height: 0;
-  height: 100%;
-  align-items: flex-start;
-  padding: var(--mantine-spacing-md);
+    align-items: flex-start;
 }

src/App.tsx

@@ -18,7 +18,7 @@ import LoginUI from "./app/login/LoginUI";
 import Header from "./app/shell/Header/Header";
 import Sidebar from "./app/shell/Sidebar/Sidebar";
 import i18n from "./i18n";
-import { useSetting } from "./logic/Settings";
+import { useSetting } from "./logic/settings/hooks/useSetting";
 import { cssVariablesResolver, presetTheme } from "./style/StyleProvider";
 
 function useRestoreLanguage() {
@@ -77,7 +77,7 @@ export default function App() {
 
             <AppShell.Main>
               <Stack>
-                <Center className={classes.main}>
+                <Center className={classes.main} p="md" h="100%" mih={0}>
                   <Outlet />
                 </Center>
               </Stack>

src/app/DebugCardModal/DebugCardModal.tsx

@@ -1,5 +1,6 @@
+import { NoteType } from "@/logic/note/note";
 import { Modal, Text } from "@mantine/core";
-import { Card, NoteType } from "../../logic/card";
+import { Card } from "../../logic/card/card";
 import DebugCardTable from "./DebugCardTable";
 
 interface DebugCardModalProps {

src/app/DebugCardModal/DebugCardTable.tsx

@@ -1,7 +1,8 @@
+import { NoteType } from "@/logic/note/note";
 import { Anchor, Space, Stack, Text } from "@mantine/core";
 import { Rating, State } from "fsrs.js";
 import { Fragment } from "react";
-import { Card, NoteType } from "../../logic/card";
+import { Card } from "../../logic/card/card";
 import classes from "./DebugCard.module.css";
 
 export default function DebugCardTable({

src/app/NoteManagerView/NoteManagerView.tsx

@@ -1,12 +1,12 @@
+import { NoteType } from "@/logic/note/note";
+import { NoteSortFunction, NoteSorts } from "@/logic/note/sort";
 import { Table } from "@mantine/core";
 import { useEventListener } from "@mantine/hooks";
 import { IconCards } from "@tabler/icons-react";
 import { t } from "i18next";
 import { useEffect } from "react";
 import EmptyNotice from "../../components/EmptyNotice";
-import { NoteSortFunction, NoteSorts } from "../../logic/NoteSorting";
-import { NoteType } from "../../logic/card";
-import { Note } from "../../logic/note";
+import { Note } from "../../logic/note/note";
 import classes from "./NoteTable.module.css";
 import NoteTableHeadItem from "./NoteTableHeadItem";
 import { NoteTableItem } from "./NoteTableItem";

src/app/CardTable/NoteTable.module.css renamed to src/app/NoteTable/NoteTable.module.css

@@ -1,7 +1,7 @@
+import { NoteSortFunction } from "@/logic/note/sort";
 import { Box, Table } from "@mantine/core";
 import { IconArrowUp } from "@tabler/icons-react";
 import cx from "clsx";
-import { NoteSortFunction } from "../../logic/NoteSorting";
 import classes from "./NoteTable.module.css";
 
 interface NoteTableHeadItemProps {

src/app/CardTable/NoteTable.tsx renamed to src/app/NoteTable/NoteTable.tsx

@@ -1,10 +1,11 @@
+import { getAdapter } from "@/logic/NoteTypeAdapter";
+import { useDeckOf } from "@/logic/deck/hooks/useDeckOf";
+import { NoteType } from "@/logic/note/note";
 import { Table } from "@mantine/core";
 import cx from "clsx";
 import { useEffect } from "react";
-import { getUtils } from "../../logic/TypeManager";
-import { NoteType, NoteTypeLabels } from "../../logic/card";
-import { useDeckOf } from "../../logic/deck";
-import { Note } from "../../logic/note";
+import { NoteTypeLabels } from "../../logic/card/card";
+import { Note } from "../../logic/note/note";
 import classes from "./NoteTable.module.css";
 
 export function NoteTableItem({
@@ -48,7 +49,7 @@ export function NoteTableItem({
       onClick={() => setSelectedIndex(index)}
     >
       <Table.Td className={classes.td}>
-        {getUtils(note).getSortFieldFromNoteContent(note.content)}
+        {getAdapter(note).getSortFieldFromNoteContent(note.content)}
       </Table.Td>
       <Table.Td className={classes.td}>
         {NoteTypeLabels[note.content.type]}

src/app/CardTable/NoteTableHeadItem.tsx renamed to src/app/NoteTable/NoteTableHeadItem.tsx

@@ -1,7 +1,9 @@
+import { useStatesOf } from "@/logic/card/hooks/useStatesOf";
+import { NoteType } from "@/logic/note/note";
 import { Anchor, Modal, Stack, Text } from "@mantine/core";
 import { State } from "fsrs.js";
-import { Card, NoteType, useStatesOf } from "../../logic/card";
-import { Deck } from "../../logic/deck";
+import { Card } from "../../logic/card/card";
+import { Deck } from "../../logic/deck/deck";
 
 interface DebugDeckModalProps {
   opened: boolean;