diff --git a/app/src/components/Dashboard/SidePannel.tsx b/app/src/components/Dashboard/SidePannel.tsx index b612ba6..413a289 100644 --- a/app/src/components/Dashboard/SidePannel.tsx +++ b/app/src/components/Dashboard/SidePannel.tsx @@ -6,12 +6,13 @@ import { LogoutIcon, NotificationIcon, ProjectsIcon, + TrashIcon, TutorialsIcon, } from "../icons/DashboardIcon"; import { useNavigate } from "react-router-dom"; import darkThemeImage from "../../assets/image/darkThemeProject.png"; import lightThemeImage from "../../assets/image/lightThemeProject.png"; -import { SettingsIcon, TrashIcon } from "../icons/ExportCommonIcons"; +import { SettingsIcon } from "../icons/ExportCommonIcons"; import { getUserData } from "../../functions/getUserData"; import { useLoadingProgress, useSocketStore } from "../../store/builder/store"; @@ -103,7 +104,7 @@ const SidePannel: React.FC = ({ setActiveTab, activeTab }) => { } onClick={() => setActiveTab("Home")} > - + Home diff --git a/app/src/components/icons/DashboardIcon.tsx b/app/src/components/icons/DashboardIcon.tsx index dbcfb7b..ac2f166 100644 --- a/app/src/components/icons/DashboardIcon.tsx +++ b/app/src/components/icons/DashboardIcon.tsx @@ -1,272 +1,297 @@ export function NotificationIcon() { - return ( - - - - - ); + return ( + + + + + ); } -export function HomeIcon() { - return ( - - - - ); +export function HomeIcon({ isActive }: Readonly<{ isActive: boolean }>) { + return ( + + + + ); } -export function ProjectsIcon() { - return ( - - - - ); +export function ProjectsIcon({ isActive }: Readonly<{ isActive: boolean }>) { + return ( + + + + ); } -export function TutorialsIcon() { - return ( - - - - - - - - - - - - - - - - - - - - ); +export function TrashIcon({ isActive }: Readonly<{ isActive: boolean }>) { + return ( + + + + + + + + + + + ); } -export function DocumentationIcon() { - return ( - - - - - ); +export function TutorialsIcon({ isActive }: Readonly<{ isActive: boolean }>) { + return ( + + + + + + + + + + + + + + + + + + + + ); +} + +export function DocumentationIcon({ isActive }: Readonly<{ isActive: boolean }>) { + return ( + + + + + ); } export function HelpIcon() { - return ( - - - - - - - - - - - ); + height="13" + viewBox="0 0 12 13" + fill="none" + xmlns="http://www.w3.org/2000/svg" + > + + + + + + + + + + ); } export function LogoutIcon() { - return ( - - - - - - ); + return ( + + + + + + ); } export function WifiIcon() { - return ( - - - - ); + return ( + + + + ); } diff --git a/app/src/components/icons/SimulationIcons.tsx b/app/src/components/icons/SimulationIcons.tsx index 95844ad..477b5f3 100644 --- a/app/src/components/icons/SimulationIcons.tsx +++ b/app/src/components/icons/SimulationIcons.tsx @@ -1,863 +1,830 @@ export function AnalysisIcon({ isActive }: Readonly<{ isActive: boolean }>) { - return ( - - - - - ); + return ( + + + + + ); } export function MechanicsIcon({ isActive }: Readonly<{ isActive: boolean }>) { - return ( - - - - - ); + return ( + + + + + ); } export function PropertiesIcon({ isActive }: Readonly<{ isActive: boolean }>) { - return ( - - - - - - ); + return ( + + + + + + ); } export function SimulationIcon({ isActive }: Readonly<{ isActive: boolean }>) { - return ( - - - - - ); + return ( + + + + + ); } // simulation player icons export function ResetIcon() { - return ( - - - - - - ); + return ( + + + + + + ); } export function PlayStopIcon() { - return ( - - - - ); + return ( + + + + ); } export function ExitIcon() { - return ( - - - - ); + return ( + + + + ); } export function MoveArrowRight() { - return ( - - - - ); + return ( + + + + ); } export function MoveArrowLeft() { - return ( - - - - ); + return ( + + + + ); } // simulation card icons -export function ExpandIcon({ - color = "#6F42C1", -}: Readonly<{ color?: string }>) { - return ( - - - - - ); +export function ExpandIcon({ color = "#6F42C1" }: Readonly<{ color?: string }>) { + return ( + + + + + ); } -export function SimulationStatusIcon({ - color = "#21FF59", -}: Readonly<{ color?: string }>) { - return ( - - - - - ); +export function SimulationStatusIcon({ color = "#21FF59" }: Readonly<{ color?: string }>) { + return ( + + + + + ); } export function IndicationArrow() { - return ( - - - - ); + return ( + + + + ); } export function CartBagIcon() { - return ( - - - - - - - - ); + return ( + + + + + + + + ); } export function StorageCapacityIcon() { - return ( - - - - - - - - - - - - - - - - - - - ); + viewBox="0 0 21 20" + fill="none" + xmlns="http://www.w3.org/2000/svg" + > + + + + + + + + + + + + + + + + + + ); } export function CompareLayoutIcon() { - return ( - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ); + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); } export const ResizerIcon = () => { - return ( - - - - - - - - - - - - - - - - - - - ); + + + + + + + + + + + + + + + + + + ); }; export const LayoutIcon = () => { - return ( - - - - - - ); + return ( + + + + + + ); }; - export function FilePackageIcon({ isActive }: Readonly<{ isActive: boolean }>) { - - return ( - - - - - - - - - - - - - - - - - - - - ) -} \ No newline at end of file + return ( + + + + + + + + + + + + + + + + + + + ); +} diff --git a/app/src/styles/layout/_resourceManagement.scss b/app/src/styles/layout/_resourceManagement.scss index 48d768c..90bfe10 100644 --- a/app/src/styles/layout/_resourceManagement.scss +++ b/app/src/styles/layout/_resourceManagement.scss @@ -14,6 +14,7 @@ cursor: pointer; &.active { + color: var(--text-button-color); background: var(--background-color-button); } }