refactor(nui): Better organize components

web/src/App.tsx

@@ -0,0 +1,21 @@
+import Notifications from "./features/notifications/NotificationWrapper";
+import CircleProgressbar from "./features/progress/CircleProgressbar";
+import Progressbar from "./features/progress/Progressbar";
+import TextUI from "./features/textui/TextUI";
+import InputDialog from "./features/dialog/InputDialog";
+import ContextMenu from "./features/menu/ContextMenu";
+
+const App: React.FC = () => {
+  return (
+    <>
+      <Progressbar />
+      <CircleProgressbar />
+      <Notifications />
+      <TextUI />
+      <InputDialog />
+      <ContextMenu />
+    </>
+  );
+};
+
+export default App;

web/src/components/App.tsx

@@ -1,21 +0,0 @@
-import Notifications from "./Notifications";
-import CircleProgressbar from "./CircleProgressbar";
-import Progressbar from "./Progressbar";
-import TextUI from "./TextUI";
-import InputDialog from "./InputDialog";
-import ContextMenu from "./features/menu/ContextMenu";
-
-const App: React.FC = () => {
-  return (
-    <>
-      <Progressbar />
-      <CircleProgressbar />
-      <Notifications />
-      <TextUI />
-      <InputDialog />
-      <ContextMenu />
-    </>
-  );
-};
-
-export default App;

web/src/features/dialog/InputDialog.tsx

@@ -11,9 +11,9 @@ import {
   Button,
 } from "@chakra-ui/react";
 import React from "react";
-import { useNuiEvent } from "../hooks/useNuiEvent";
+import { useNuiEvent } from "../../hooks/useNuiEvent";
 // import { debugData } from "../utils/debugData";
-import { fetchNui } from "../utils/fetchNui";
+import { fetchNui } from "../../utils/fetchNui";
 
 interface Props {
   heading: string;

web/src/features/menu/ContextMenu.tsx

@@ -1,11 +1,11 @@
-import { useNuiEvent } from "../../../hooks/useNuiEvent";
+import { useNuiEvent } from "../../hooks/useNuiEvent";
 import { Box, Text, Flex, ScaleFade } from "@chakra-ui/react";
-import { debugData } from "../../../utils/debugData";
+import { debugData } from "../../utils/debugData";
 import { useEffect, useState } from "react";
-import { ContextMenuProps } from "../../../interfaces";
+import { ContextMenuProps } from "../../interfaces";
 import Item from "./Item";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { fetchNui } from "../../../utils/fetchNui";
+import { fetchNui } from "../../utils/fetchNui";
 
 debugData<ContextMenuProps>([
   {

web/src/features/menu/Item.tsx

@@ -10,8 +10,8 @@ import {
   Spacer,
 } from "@chakra-ui/react";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { Option, ContextMenuProps } from "../../../interfaces";
-import { fetchNui } from "../../../utils/fetchNui";
+import { Option, ContextMenuProps } from "../../interfaces";
+import { fetchNui } from "../../utils/fetchNui";
 
 interface DataProps {
   event?: string;

web/src/features/notifications/NotificationWrapper.tsx

@@ -5,8 +5,8 @@ import {
   HStack,
   Text,
 } from "@chakra-ui/react";
-import { useNuiEvent } from "../hooks/useNuiEvent";
-import { debugData } from "../utils/debugData";
+import { useNuiEvent } from "../../hooks/useNuiEvent";
+import { debugData } from "../../utils/debugData";
 import { IconProp } from "@fortawesome/fontawesome-svg-core";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 

web/src/features/progress/CircleProgressbar.tsx

@@ -5,9 +5,9 @@ import {
   Flex,
   ScaleFade,
 } from "@chakra-ui/react";
-import { useNuiEvent } from "../hooks/useNuiEvent";
-import { debugData } from "../utils/debugData";
-import { fetchNui } from "../utils/fetchNui";
+import { useNuiEvent } from "../../hooks/useNuiEvent";
+import { debugData } from "../../utils/debugData";
+import { fetchNui } from "../../utils/fetchNui";
 
 interface Props {
   duration: number;

web/src/features/progress/Progressbar.tsx

@@ -6,9 +6,9 @@ import {
   Box,
   ScaleFade,
 } from "@chakra-ui/react";
-import { useNuiEvent } from "../hooks/useNuiEvent";
-import { debugData } from "../utils/debugData";
-import { fetchNui } from "../utils/fetchNui";
+import { useNuiEvent } from "../../hooks/useNuiEvent";
+import { debugData } from "../../utils/debugData";
+import { fetchNui } from "../../utils/fetchNui";
 
 interface Props {
   label: string;

web/src/features/textui/TextUI.tsx

@@ -1,7 +1,7 @@
 import React from "react";
-import { useNuiEvent } from "../hooks/useNuiEvent";
+import { useNuiEvent } from "../../hooks/useNuiEvent";
 import { Box, Flex, ScaleFade } from "@chakra-ui/react";
-import { debugData } from "../utils/debugData";
+import { debugData } from "../../utils/debugData";
 import ReactMarkdown from "react-markdown";
 
 interface Props {

web/src/index.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import ReactDOM from "react-dom";
 import "./index.css";
-import App from "./components/App";
+import App from "./App";
 import { VisibilityProvider } from "./providers/VisibilityProvider";
 import { ChakraProvider } from "@chakra-ui/react";
 import { theme } from "./theme";