refactor(frontend): remove gant, fix env vars, change aliases

digitable-lol · Sep 2, 2024 · 8a803a1 · 8a803a1
1 parent bcfc5c1
commit 8a803a1
Show file tree

Hide file tree

Showing 61 changed files with 607 additions and 4,260 deletions.
diff --git a/application/frontend/package-lock.json b/application/frontend/package-lock.json
diff --git a/application/frontend/package.json b/application/frontend/package.json
@@ -54,9 +54,10 @@
     "globals": "^15.9.0",
     "husky": "^9.1.4",
     "prettier": "^3.3.3",
-    "typescript": "^5.5.3",
+    "typescript": "^5.1.6",
     "typescript-eslint": "^8.0.0",
-    "vite": "^5.4.0"
+    "vite": "^4.2.0",
+    "vite-plugin-svgr": "^4.2.0"
   },
   "plugins": [
     "@semantic-release/commit-analyzer",

diff --git a/application/frontend/src/App.tsx b/application/frontend/src/App.tsx
@@ -1,3 +1,4 @@
+import React from "react"
 import { BrowserRouter } from "react-router-dom"
 
 import "@fontsource/roboto/300.css"

diff --git a/application/frontend/src/components/Header/Header.tsx b/application/frontend/src/components/Header/Header.tsx
@@ -1,14 +1,14 @@
+import { UserController } from "~api/controllers/UserController"
+import { useTheme } from "~components/Theme"
+import { ThemeEnum } from "~types/theme/enum"
+
 import React, { useEffect } from "react"
 import { useTranslation } from "react-i18next"
 import { useNavigate } from "react-router-dom"
 
 import { AccountCircleOutlined, MoreVertOutlined, NotificationsOutlined } from "@mui/icons-material"
 import { Button, IconButton, Switch, Tooltip, Typography } from "@mui/material"
 
-import { UserController } from "src/api/controllers/UserController"
-import { useTheme } from "src/components/Theme"
-import { ThemeEnum } from "src/types/theme/enum"
-
 import {
   Container,
   IconButtons,

diff --git a/application/frontend/src/components/Layout/Layout.tsx b/application/frontend/src/components/Layout/Layout.tsx
@@ -1,10 +1,11 @@
+import { Header } from "~components/Header"
+import { Theme } from "~components/Theme"
+import i18nInstance from "~locales/service"
+
+import React from "react"
 import { I18nextProvider } from "react-i18next"
 import { Outlet, useLocation } from "react-router-dom"
 
-import { Header } from "src/components/Header"
-import { Theme } from "src/components/Theme"
-import i18nInstance from "src/locales/service"
-
 import Markup from "./Layout.styled"
 
 export const Layout = () => {

diff --git a/application/frontend/src/components/NavButton/NavButton.tsx b/application/frontend/src/components/NavButton/NavButton.tsx
@@ -5,7 +5,7 @@ import { StyledBreadcrumb } from "./NavButton.styled"
 interface NavButtonProps {
   to: string
   children: React.ReactNode
-  icon?: React.ReactNode
+  icon?: React.ReactElement
 }
 
 export const NavButton: React.FC<NavButtonProps> = ({ to, children, icon }) => {

diff --git a/application/frontend/src/components/ProfileCard/ProfileCard.tsx b/application/frontend/src/components/ProfileCard/ProfileCard.tsx
@@ -40,7 +40,7 @@ export const ProfileCard: React.FC<ProfileCardProps> = ({ profile }) => {
 
   return (
     <ProfileCardContainer onClick={handleCardClick}>
-      <Avatar color={avatar ? undefined : avatarColor}>
+      <Avatar color={avatar ? "black" : avatarColor}>
         {avatar ? (
           <img
             src={avatar}

diff --git a/application/frontend/src/components/ReportTimeline/ReportTimeline.tsx b/application/frontend/src/components/ReportTimeline/ReportTimeline.tsx
@@ -16,7 +16,6 @@ import {
   DateCell,
   DateNumber,
   DayOfWeek,
-  HeaderText,
   LineContainer,
   ScrollableBox,
   StickyColumnCell,

diff --git a/application/frontend/src/components/SearchBar/SearchBar.tsx b/application/frontend/src/components/SearchBar/SearchBar.tsx
@@ -14,8 +14,6 @@ import {
 interface SearchBarProps {
   searchQuery: string
   onSearchChange: (e: React.ChangeEvent<HTMLInputElement>) => void
-  viewMode: "list" | "grid" | "timeline"
-  onToggleViewMode: () => void
   onClearSearch: () => void
   variant?: "standard" | "outlined"
   startIcon?: React.ReactNode

diff --git a/application/frontend/src/components/Theme/Theme.tsx b/application/frontend/src/components/Theme/Theme.tsx
@@ -1,12 +1,12 @@
 import { ThemeProvider } from "styled-components"
+import { ThemeEnum } from "types/theme/enum"
 
 import { ReactNode, useState } from "react"
+import React from "react"
 
 import { createTheme } from "@mui/material"
 import CssBaseline from "@mui/material/CssBaseline"
 
-import { ThemeEnum } from "src/types/theme/enum"
-
 import { ThemeContext } from "./Theme.hooks"
 
 interface ThemeProps {

diff --git a/application/frontend/src/components/Theme/Theme.types.ts b/application/frontend/src/components/Theme/Theme.types.ts
@@ -1,6 +1,6 @@
-import { Theme } from "@mui/material"
+import { ThemeEnum } from "types/theme/enum"
 
-import { ThemeEnum } from "src/types/theme/enum"
+import { Theme } from "@mui/material"
 
 export type ThemeContextTypes = {
   currentTheme: ThemeEnum

diff --git a/application/frontend/src/components/ViewModeToggle/ViewModeToggle.tsx b/application/frontend/src/components/ViewModeToggle/ViewModeToggle.tsx
@@ -5,7 +5,7 @@ import ViewModuleIcon from "@mui/icons-material/ViewModule"
 import { IconButton } from "@mui/material"
 
 interface ViewModeToggleProps {
-  viewMode: "list" | "grid"
+  viewMode: "list" | "grid" | "timeline"
   onToggleViewMode: () => void
 }