version 2 done

Author: AtilaDev

components/ui/Navbar.tsx

@@ -14,6 +14,7 @@ import SearchIcon from '@mui/icons-material/Search';
 import { NavbarTopItems } from './NavbarTopItems';
 import { Search, SearchIconWrapper, StyledInputBase } from './WrapperSearchBar';
 import { SideMenu } from './SideMenu';
+import { version } from '../../package.json';
 
 interface Props {
   onChange?: (value: ChangeEvent<HTMLInputElement>) => void;
@@ -57,6 +58,12 @@ export const Navbar = ({ onChange }: Props) => {
           </Link>
         </NextLink>
 
+        <Box sx={{ display: { xs: 'none', sm: 'inline' } }} ml={2}>
+          <Typography variant='caption' color='gray'>
+            Version: {version}
+          </Typography>
+        </Box>
+
         <Box flex={1} />
 
         <NavbarTopItems />

components/ui/SideMenu.tsx

@@ -17,6 +17,7 @@ import {
 } from 'react-icons/ai';
 import * as externalLinks from '../../utils';
 import Typography from '@mui/material/Typography';
+import { version } from '../../package.json';
 
 interface Props {
   open: boolean;
@@ -73,6 +74,14 @@ export const SideMenu = ({ open, onClose }: Props) => {
             </ListItemIcon>
             <ListItemText primary={'Personal Website'} />
           </ListItem>
+
+          <Divider variant='middle' sx={{ mt: 1 }} />
+
+          <ListItem>
+            <Typography variant='caption' color='gray'>
+              Version: {version}
+            </Typography>
+          </ListItem>
         </List>
       </Box>
     </Drawer>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "directory",
-  "version": "0.1.0",
+  "version": "2.0.0",
   "private": true,
   "scripts": {
     "dev": "next dev",