From 884a6cfeb2a019d1029b59debbebacabab645b73 Mon Sep 17 00:00:00 2001
From: Maksym <ardier16@gmail.com>
Date: Thu, 8 Feb 2024 11:05:36 +0200
Subject: [PATCH] Replace profiles page with dashboard (#40)

---
 src/assets/icons/house-icon.svg | 3 +++
 src/common/AppNavbar.tsx        | 9 +++------
 src/enums/icons.ts              | 9 +++++----
 src/enums/routes.ts             | 3 ++-
 src/pages/Dashboard.tsx         | 5 +++++
 src/pages/Profiles.tsx          | 9 ---------
 src/routes.tsx                  | 8 ++++----
 7 files changed, 22 insertions(+), 24 deletions(-)
 create mode 100644 src/assets/icons/house-icon.svg
 create mode 100644 src/pages/Dashboard.tsx
 delete mode 100644 src/pages/Profiles.tsx

diff --git a/src/assets/icons/house-icon.svg b/src/assets/icons/house-icon.svg
new file mode 100644
index 00000000..3525ed07
--- /dev/null
+++ b/src/assets/icons/house-icon.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.0961 8.10668L10.8461 2.2098C10.843 2.20714 10.8402 2.20427 10.8375 2.20121C10.6074 1.99194 10.3075 1.87598 9.99648 1.87598C9.68545 1.87598 9.38558 1.99194 9.15547 2.20121L9.14688 2.2098L2.90391 8.10668C2.77656 8.22378 2.67491 8.36604 2.60538 8.52445C2.53586 8.68287 2.49997 8.85399 2.5 9.02699V16.2496C2.5 16.5812 2.6317 16.8991 2.86612 17.1335C3.10054 17.368 3.41848 17.4996 3.75 17.4996H16.25C16.5815 17.4996 16.8995 17.368 17.1339 17.1335C17.3683 16.8991 17.5 16.5812 17.5 16.2496V9.02699C17.5 8.85399 17.4641 8.68287 17.3946 8.52445C17.3251 8.36604 17.2234 8.22378 17.0961 8.10668ZM16.25 16.2496H3.75V9.02699L3.75859 9.01918L10 3.12465L16.2422 9.01762L16.2508 9.02543L16.25 16.2496Z" fill="currentColor"/>
+</svg>
diff --git a/src/common/AppNavbar.tsx b/src/common/AppNavbar.tsx
index bca39823..2a084c27 100644
--- a/src/common/AppNavbar.tsx
+++ b/src/common/AppNavbar.tsx
@@ -19,9 +19,7 @@ const NavbarLink = ({ children, to }: NavbarLinkProps) => {
   const { palette, spacing } = useTheme()
 
   const isRouteActive = useMemo(() => {
-    const locationRoot = location.pathname.split('/')[1]
-
-    return to.split('/').includes(locationRoot)
+    return location.pathname.startsWith(to)
   }, [location.pathname, to])
 
   return (
@@ -54,12 +52,11 @@ const AppNavbar = () => {
 
   const navbarItems = useMemo(
     () => [
-      { route: RoutePaths.Profiles, iconComponent: <UiIcon name={Icons.Wallet} size={5} /> },
+      { route: RoutePaths.Dashboard, iconComponent: <UiIcon name={Icons.House} size={5} /> },
       {
         route: RoutePaths.Credentials,
         iconComponent: <UiIcon componentName={'layers'} size={6} />,
       },
-      { route: RoutePaths.UiKit, iconComponent: <UiIcon componentName={'info'} size={5} /> },
     ],
     [],
   )
@@ -78,7 +75,7 @@ const AppNavbar = () => {
       borderColor={palette.divider}
     >
       <Stack spacing={4}>
-        <Stack component={NavLink} to={RoutePaths.Profiles} alignItems={'center'}>
+        <Stack component={NavLink} to={RoutePaths.Dashboard} alignItems={'center'}>
           <UiIcon name={Icons.Rarime} size={10} sx={{ color: palette.text.primary }} />
         </Stack>
         <Divider />
diff --git a/src/enums/icons.ts b/src/enums/icons.ts
index 2a5fa647..30c2c27c 100644
--- a/src/enums/icons.ts
+++ b/src/enums/icons.ts
@@ -30,13 +30,14 @@ import WarningAmberIcon from '@mui/icons-material/WarningAmber'
 import Work from '@mui/icons-material/Work'
 
 export enum Icons {
-  Metamask = 'metamask',
-  User = 'user',
-  Wallet = 'wallet',
   Facebook = 'facebook',
+  House = 'house',
   Instagram = 'instagram',
-  Twitter = 'twitter',
+  Metamask = 'metamask',
   Rarime = 'rarime',
+  Twitter = 'twitter',
+  User = 'user',
+  Wallet = 'wallet',
 }
 
 export const ICON_COMPONENTS = {
diff --git a/src/enums/routes.ts b/src/enums/routes.ts
index a0d3b826..fd122f72 100644
--- a/src/enums/routes.ts
+++ b/src/enums/routes.ts
@@ -1,9 +1,10 @@
 export enum RoutePaths {
   Root = '/',
   UiKit = '/ui-kit',
-  Profiles = '/profiles',
   SignIn = '/sign-in',
 
+  Dashboard = '/dashboard',
+
   Orgs = '/organisations',
   OrgsList = '/organisations/list',
   OrgsListAll = '/organisations/list/all',
diff --git a/src/pages/Dashboard.tsx b/src/pages/Dashboard.tsx
new file mode 100644
index 00000000..2efa9299
--- /dev/null
+++ b/src/pages/Dashboard.tsx
@@ -0,0 +1,5 @@
+import { PageTitles } from '@/common'
+
+export default function Dashboard() {
+  return <PageTitles title={'Dashboard'} />
+}
diff --git a/src/pages/Profiles.tsx b/src/pages/Profiles.tsx
deleted file mode 100644
index 545fa0ca..00000000
--- a/src/pages/Profiles.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { PageTitles } from '@/common'
-
-export default function Profiles() {
-  return (
-    <>
-      <PageTitles title={'Profiles'} />
-    </>
-  )
-}
diff --git a/src/routes.tsx b/src/routes.tsx
index a901aec4..bc649c16 100644
--- a/src/routes.tsx
+++ b/src/routes.tsx
@@ -18,7 +18,7 @@ import PublicLayout from './layouts/PublicLayout'
 export const AppRoutes = () => {
   const SignIn = lazy(() => import('@/pages/SignIn'))
   const Credentials = lazy(() => import('@/pages/Credentials'))
-  const Profiles = lazy(() => import('@/pages/Profiles'))
+  const Dashboard = lazy(() => import('@/pages/Dashboard'))
   const UiKit = lazy(() => import('@/pages/UiKit'))
   const VerifyProofAlias = lazy(() => import('@/pages/VerifyProofAlias'))
   const AcceptInvitation = lazy(() => import('@/pages/AcceptInvitation'))
@@ -70,9 +70,9 @@ export const AppRoutes = () => {
       ),
       children: [
         {
-          path: createDeepPath(RoutePaths.Profiles),
+          path: createDeepPath(RoutePaths.Dashboard),
           loader: authProtectedGuard,
-          element: <Profiles />,
+          element: <Dashboard />,
         },
         {
           path: createDeepPath(RoutePaths.Orgs),
@@ -103,7 +103,7 @@ export const AppRoutes = () => {
         },
         {
           path: RoutePaths.Root,
-          element: <Navigate replace to={RoutePaths.Profiles} />,
+          element: <Navigate replace to={RoutePaths.Dashboard} />,
         },
         {
           path: '*',