diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index fef78c1..a31c4e7 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -4,16 +4,13 @@
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
@@ -36,8 +33,12 @@
{
+ "history": [
+ {
+ "assignee": "iib0011"
+ }
+ ],
"lastFilter": {
- "state": "OPEN",
"assignee": "iib0011"
}
}
@@ -65,51 +66,51 @@
- {
+ "keyToString": {
+ "ASKED_ADD_EXTERNAL_FILES": "true",
+ "ASKED_SHARE_PROJECT_CONFIGURATION_FILES": "true",
+ "Docker.Dockerfile build.executor": "Run",
+ "Docker.Dockerfile.executor": "Run",
+ "Playwright.JoinText Component.executor": "Run",
+ "Playwright.JoinText Component.should merge text pieces with specified join character.executor": "Run",
+ "RunOnceActivity.OpenProjectViewOnStart": "true",
+ "RunOnceActivity.ShowReadmeOnStart": "true",
+ "RunOnceActivity.git.unshallow": "true",
+ "Vitest.compute function (1).executor": "Run",
+ "Vitest.compute function.executor": "Run",
+ "Vitest.mergeText.executor": "Run",
+ "Vitest.mergeText.should merge lines and preserve blank lines when deleteBlankLines is false.executor": "Run",
+ "Vitest.mergeText.should merge lines, preserve blank lines and trailing spaces when both deleteBlankLines and deleteTrailingSpaces are false.executor": "Run",
+ "Vitest.removeDuplicateLines function.executor": "Run",
+ "Vitest.removeDuplicateLines function.newlines option.executor": "Run",
+ "Vitest.removeDuplicateLines function.newlines option.should filter newlines when newlines is set to filter.executor": "Run",
+ "git-widget-placeholder": "main",
+ "ignore.virus.scanning.warn.message": "true",
+ "kotlin-language-version-configured": "true",
+ "last_opened_file_path": "C:/Users/Ibrahima/IdeaProjects/omni-tools/public/assets",
+ "node.js.detected.package.eslint": "true",
+ "node.js.detected.package.tslint": "true",
+ "node.js.selected.package.eslint": "(autodetect)",
+ "node.js.selected.package.tslint": "(autodetect)",
+ "nodejs_package_manager_path": "npm",
+ "npm.build.executor": "Run",
+ "npm.dev.executor": "Run",
+ "npm.lint.executor": "Run",
+ "npm.prebuild.executor": "Run",
+ "npm.script:create:tool.executor": "Run",
+ "npm.test.executor": "Run",
+ "npm.test:e2e.executor": "Run",
+ "npm.test:e2e:run.executor": "Run",
+ "prettierjs.PrettierConfiguration.Package": "C:\\Users\\Ibrahima\\IdeaProjects\\omni-tools\\node_modules\\prettier",
+ "project.structure.last.edited": "Problems",
+ "project.structure.proportion": "0.0",
+ "project.structure.side.proportion": "0.2",
+ "settings.editor.selected.configurable": "settings.typescriptcompiler",
+ "ts.external.directory.path": "C:\\Users\\Ibrahima\\IdeaProjects\\omni-tools\\node_modules\\typescript\\lib",
+ "vue.rearranger.settings.migration": "true"
}
-}]]>
+}
-
+
@@ -213,10 +214,10 @@
+
@@ -291,15 +292,9 @@
-
-
-
-
- 1720558690146
-
-
-
- 1720558690147
+
+
+
@@ -685,7 +680,15 @@
1740884332735
-
+
+
+ 1740884971377
+
+
+
+ 1740884971378
+
+
@@ -748,7 +751,6 @@
-
@@ -769,7 +771,8 @@
-
+
+
diff --git a/src/components/Navbar/index.tsx b/src/components/Navbar/index.tsx
index 0afaff7..83285a9 100644
--- a/src/components/Navbar/index.tsx
+++ b/src/components/Navbar/index.tsx
@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { ReactNode, useState } from 'react';
import AppBar from '@mui/material/AppBar';
import Toolbar from '@mui/material/Toolbar';
import Button from '@mui/material/Button';
@@ -9,12 +9,14 @@ import logo from 'assets/logo.png';
import {
Drawer,
List,
+ ListItem,
ListItemButton,
ListItemText,
Stack
} from '@mui/material';
import useMediaQuery from '@mui/material/useMediaQuery';
import { useTheme } from '@mui/material/styles';
+import { Icon } from '@iconify/react';
const Navbar: React.FC = () => {
const navigate = useNavigate();
@@ -28,22 +30,51 @@ const Navbar: React.FC = () => {
// { label: 'Features', path: '/features' }
// { label: 'About Us', path: '/about-us' }
];
-
+ const buttons: ReactNode[] = [
+ window.open('https://discord.gg/SDbbn3hT4b', '_blank')}
+ style={{ cursor: 'pointer' }}
+ fontSize={30}
+ icon={'ic:baseline-discord'}
+ />,
+ ,
+
+ ];
const drawerList = (
{navItems.map((navItem) => (
- navigate(navItem.path)}>
+ navigate(navItem.path)}
+ >
))}
-
+ {buttons.map((button) => (
+ {button}
+ ))}
);
@@ -51,15 +82,14 @@ const Navbar: React.FC = () => {
![]()
{
) : (
-
+
{navItems.map((item) => (
))}
-
+ {buttons}
)}
diff --git a/src/components/ToolLayout.tsx b/src/components/ToolLayout.tsx
index 2099737..90569b0 100644
--- a/src/components/ToolLayout.tsx
+++ b/src/components/ToolLayout.tsx
@@ -28,7 +28,8 @@ export default function ToolLayout({
.map((tool) => ({
title: tool.name,
description: tool.shortDescription,
- link: '/' + tool.path
+ link: '/' + tool.path,
+ icon: tool.icon
})) ?? [];
return (
diff --git a/src/components/allTools/AllTools.tsx b/src/components/allTools/AllTools.tsx
index b3c701f..06d663b 100644
--- a/src/components/allTools/AllTools.tsx
+++ b/src/components/allTools/AllTools.tsx
@@ -1,10 +1,12 @@
import { Box, Grid, Stack, Typography } from '@mui/material';
import ToolCard from './ToolCard';
+import { IconifyIcon } from '@iconify/react';
export interface ToolCardProps {
title: string;
description: string;
link: string;
+ icon: IconifyIcon | string;
}
interface AllToolsProps {
@@ -26,6 +28,7 @@ export default function AllTools({ title, toolCards }: AllToolsProps) {
title={card.title}
description={card.description}
link={card.link}
+ icon={card.icon}
/>
))}
diff --git a/src/components/allTools/ToolCard.tsx b/src/components/allTools/ToolCard.tsx
index 763a5e0..0767e18 100644
--- a/src/components/allTools/ToolCard.tsx
+++ b/src/components/allTools/ToolCard.tsx
@@ -1,9 +1,15 @@
-import { Box, Card, CardContent, Link, Typography } from '@mui/material';
+import { Box, Card, CardContent, Link, Stack, Typography } from '@mui/material';
import { ToolCardProps } from './AllTools';
import ChevronRightIcon from '@mui/icons-material/ChevronRight';
import { useNavigate } from 'react-router-dom';
+import { Icon } from '@iconify/react';
-export default function ToolCard({ title, description, link }: ToolCardProps) {
+export default function ToolCard({
+ title,
+ description,
+ link,
+ icon
+}: ToolCardProps) {
const navigate = useNavigate();
return (
-
- {title}
-
+
+
+
+ {title}
+
+
diff --git a/src/components/options/ToolOptions.tsx b/src/components/options/ToolOptions.tsx
index 09cb689..0061562 100644
--- a/src/components/options/ToolOptions.tsx
+++ b/src/components/options/ToolOptions.tsx
@@ -96,7 +96,8 @@ export default function ToolOptions({
mb: 2,
borderRadius: 2,
padding: 2,
- backgroundColor: theme.palette.background.default
+ backgroundColor: theme.palette.background.default,
+ boxShadow: '2'
}}
mt={2}
>