Merge pull request #128 from oslabs-beta/user0824/feat/dashboard

User0824/feat/dashboard

Author: amitharor

client/src/App.tsx

@@ -11,7 +11,7 @@ import Header from './components/Header';
 import { SignedIn, SignedOut, useClerk } from '@clerk/clerk-react';
 import { Routes, Route } from 'react-router-dom';
 import { ClusterProvider } from './contexts/ClusterContext';
-import { IconMoon, IconSun, IconLogout } from '@tabler/icons-react';
+import { IconMoon, IconSun } from '@tabler/icons-react';
 
 const App = () => {
   const { signOut } = useClerk();
@@ -56,7 +56,7 @@ const App = () => {
                   window.location.href = '/';
                 })
               }
-              className="duration-800 text-muted-foreground flex h-10 w-10 items-center justify-center rounded-full font-semibold shadow-sm transition-all transition-colors hover:text-red-700 hover:shadow-lg"
+              className="duration-800 text-muted-foreground flex h-10 w-10 items-center justify-center rounded-full font-semibold shadow-sm transition-colors hover:text-red-700 hover:shadow-lg"
               title="Sign Out"
             >
               LOGOUT

client/src/components/NavigationBar.tsx

@@ -5,7 +5,6 @@ import React, { useRef, useState } from 'react';
 import { cn } from '@/lib/utils';
 import {
   IconLayoutNavbarCollapse,
-  IconLogout,
   IconSettings,
   IconUser,
   IconHome,
@@ -20,14 +19,14 @@ import {
   useTransform,
   MotionValue,
 } from 'motion/react';
-import { useClerk, UserProfile } from '@clerk/clerk-react';
+import { UserProfile } from '@clerk/clerk-react';
 import { Link } from 'react-router-dom';
 import { ServerIcon } from 'lucide-react';
 import ClusterSelector from './ClusterSelector';
 import Orb from './ui/orb';
 
 const NavigationBar: React.FC = () => {
-  const { signOut } = useClerk();
+  // const { signOut } = useClerk();
   const [isProfileModalOpen, setIsProfileModalOpen] = useState(false);
   const [isClusterModalOpen, setIsClusterModalOpen] = useState(false);