Logo

exam/react/src/components/Error/ErrorRouterComponent.tsx

@@ -34,7 +34,8 @@ const ErrorRouterComponent: TSErrorRouteComponent = ({ error }) => {
         <Grid item xs={12} sx={{ display: 'flex', justifyContent: 'center' }}>
           <MUILink
             variant="h6"
-            underline="none"
+            underline="hover"
+            sx={{ cursor: 'pointer' }}
             onClick={() => {
               console.log('CLICK AS WELL');
               router.invalidate();

exam/react/src/components/Header/Header.tsx

@@ -12,6 +12,7 @@ import {
 import { Link, useRouterState } from '@tanstack/react-router';
 import { cloneElement, FC, ReactElement, useState } from 'react';
 import { useTranslation } from 'react-i18next';
+import GuestBook from '../../../assets/img/guests-book.png';
 import { useApi } from '../../api/Api';
 import useGuestBookStore from '../../store/store';
 import LanguageMenu from '../Menus/Language/LanguageMenu';
@@ -51,8 +52,15 @@ const Header: FC = () => {
         <AppBar>
           <Toolbar>
             <Box sx={{ flexGrow: 1, alignItems: 'center', display: 'flex', gap: 1 }}>
-              <MUILink component={Link} to="/" color="white" variant="h6" underline="none">
-                {t('GuestBook')}
+              <MUILink
+                component={Link}
+                to="/"
+                color="white"
+                variant="h6"
+                underline="none"
+                sx={{ display: 'flex', alignItems: 'center', gap: 1 }}
+              >
+                <img src={GuestBook} width="24px" height="24px" alt={t('GuestBook')} /> {t('GuestBook')}
               </MUILink>
               {isLoading && <CircularProgress size={16} thickness={10} sx={{ color: 'white' }} />}
             </Box>