marcel/omni-tools
1
0
Fork 0
mirror of https://github.com/iib0011/omni-tools.git synced 2025-09-16 12:39:31 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: tools normalized

Browse Source
This commit is contained in:
Ibrahima G. Coulibaly
2024-06-22 22:06:16 +01:00
parent 17ba68be34
commit 23f50ffead
36 changed files with 2625 additions and 1045 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/components/Navbar/index.tsx
View File

@@ -4,22 +4,41 @@ import Toolbar from '@mui/material/Toolbar';
import Typography from '@mui/material/Typography';
import Button from '@mui/material/Button';
import IconButton from '@mui/material/IconButton';
import {Link, useNavigate} from 'react-router-dom';
import { Link, useNavigate } from 'react-router-dom';
import githubIcon from '../../assets/github-mark.png'; // Adjust the path to your GitHub icon
const Navbar: React.FC = () => {
const navigate = useNavigate();
return (
<AppBar position="static" style={{backgroundColor: 'white', color: 'black'}}>
<AppBar
position="static"
style={{ backgroundColor: 'white', color: 'black' }}
>
<Toolbar>
<Typography onClick={() => navigate('/')} fontSize={20}
sx={{flexGrow: 1, cursor: 'pointer'}} color={'primary'}>OmniTools</Typography>
<Typography
onClick={() => navigate('/')}
fontSize={20}
sx={{ flexGrow: 1, cursor: 'pointer' }}
color={'primary'}
>
OmniTools
</Typography>
<Button color="inherit">
<Link to="/features" style={{textDecoration: 'none', color: 'inherit'}}>Features</Link>
<Link
to="/features"
style={{ textDecoration: 'none', color: 'inherit' }}
>
Features
</Link>
</Button>
<Button color="inherit">
<Link to="/about-us" style={{textDecoration: 'none', color: 'inherit'}}>About Us</Link>
<Link
to="/about-us"
style={{ textDecoration: 'none', color: 'inherit' }}
>
About Us
</Link>
</Button>
<IconButton
@@ -28,7 +47,11 @@ const Navbar: React.FC = () => {
target="_blank"
rel="noopener noreferrer"
>
<img src={githubIcon} alt="GitHub" style={{height: '24px', marginRight: '8px'}}/>
<img
src={githubIcon}
alt="GitHub"
style={{ height: '24px', marginRight: '8px' }}
/>
<Typography variant="button">Star us</Typography>
</IconButton>
</Toolbar>