Improve Sign component

components/session/sign.js

@@ -12,7 +12,6 @@ import Tooltip, {tooltipClasses} from '@mui/material/Tooltip'
 import LogoutIcon from '@mui/icons-material/Logout'
 import LoginIcon from '@mui/icons-material/Login'
 import PersonAddIcon from '@mui/icons-material/PersonAdd'
-import AdminPanelSettingsIcon from '@mui/icons-material/AdminPanelSettings'
 import ConfirmationAlert from './confirmation-alert.js'
 
 const LightTooltip = styled(({className, ...props}) => (
@@ -26,7 +25,7 @@ const LightTooltip = styled(({className, ...props}) => (
   },
 }))
 
-export default function Sign({session}) {
+export default function Sign({session, navButton}) {
   const router = useRouter()
   const [isOpen, setIsOpen] = useState(false)
 
@@ -45,9 +44,9 @@ export default function Sign({session}) {
                 <LogoutIcon fontSize='large' />
               </Fab>
             </LightTooltip>
-            <LightTooltip title='Tableau de bord' placement='right'>
-              <Fab sx={{mr: 3}} size='large' color='warning' onClick={() => router.push('/dashboard')}>
-                <AdminPanelSettingsIcon fontSize='large' />
+            <LightTooltip title={navButton.title} placement='right'>
+              <Fab sx={{mr: 3}} size='large' color={navButton.color} onClick={() => router.push(navButton.path)}>
+                {navButton.icon}
               </Fab>
             </LightTooltip>
           </Stack>
@@ -78,5 +77,6 @@ export default function Sign({session}) {
 }
 
 Sign.propTypes = {
-  session: PropTypes.object
+  session: PropTypes.object,
+  navButton: PropTypes.object.isRequired
 }