Replace profiles page with dashboard (#40)

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 />

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 = {

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',

src/pages/Dashboard.tsx

@@ -0,0 +1,5 @@
+import { PageTitles } from '@/common'
+
+export default function Dashboard() {
+  return <PageTitles title={'Dashboard'} />
+}

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: '*',