diff --git a/client/src/assets/285645_user_icon.png:Zone.Identifier b/client/src/assets/285645_user_icon.png:Zone.Identifier deleted file mode 100644 index 7d84277..0000000 --- a/client/src/assets/285645_user_icon.png:Zone.Identifier +++ /dev/null @@ -1,4 +0,0 @@ -[ZoneTransfer] -ZoneId=3 -ReferrerUrl=https://www.iconfinder.com/search?q=user+&price=free -HostUrl=https://www.iconfinder.com/icons/285645/download/png/64 diff --git a/client/src/assets/calendar-icon.svg b/client/src/assets/calendar-icon.svg new file mode 100644 index 0000000..80e8204 --- /dev/null +++ b/client/src/assets/calendar-icon.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/client/src/assets/chart-icon.svg b/client/src/assets/chart-icon.svg new file mode 100644 index 0000000..64ac5be --- /dev/null +++ b/client/src/assets/chart-icon.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/client/src/assets/notes-arrow-icon.svg b/client/src/assets/notes-arrow-icon.svg new file mode 100644 index 0000000..93a9f8f --- /dev/null +++ b/client/src/assets/notes-arrow-icon.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/client/src/assets/notes-check-icon.svg b/client/src/assets/notes-check-icon.svg new file mode 100644 index 0000000..0781823 --- /dev/null +++ b/client/src/assets/notes-check-icon.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/client/src/assets/notes-icon.svg b/client/src/assets/notes-icon.svg new file mode 100644 index 0000000..5d45b60 --- /dev/null +++ b/client/src/assets/notes-icon.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/client/src/components/CompletedTasks/index.tsx b/client/src/components/CompletedTasks/index.tsx index 3cd484e..ae96519 100644 --- a/client/src/components/CompletedTasks/index.tsx +++ b/client/src/components/CompletedTasks/index.tsx @@ -4,6 +4,7 @@ import { AxisOptions, Chart } from 'react-charts'; import { TasksChartResponse } from '../../types/TasksChartResponse'; import api from '../../api-service/api'; import ApiConfig from '../../api-service/apiConfig'; +import ChartIcon from '../../assets/chart-icon.svg'; import './style.css'; type Series = { @@ -47,17 +48,10 @@ function CompletedTasks(): React.ReactNode { return (
- - - - - - - - - + + Chart Icon - +
Completed Tasks
Summary from the last 7 days diff --git a/client/src/components/Sidebar/index.tsx b/client/src/components/Sidebar/index.tsx index 135185d..2f42a48 100644 --- a/client/src/components/Sidebar/index.tsx +++ b/client/src/components/Sidebar/index.tsx @@ -5,6 +5,7 @@ import { useTranslation } from 'react-i18next'; import AuthContext from '../../context/AuthContext'; import UserIcon from '../../assets/user.png'; import NavButton from '../NavButton'; +import SidebarIcon from '../SidebarIcon'; import { env } from '../../env'; import './style.css'; @@ -28,19 +29,6 @@ function Sidebar(): React.ReactNode { signOut(); }; - /** - * Gets the color for the selected navigation link. - * - * @param {string} path - The path of the navigation link. - * @returns {string} The color for the selected navigation link. - */ - const getSelectedColor = (path: string): string => { - if (path === current) { - return '#4CD964'; - } - return '#6A8996'; - }; - /** * Handles the navigation link click event. * @@ -66,30 +54,28 @@ function Sidebar(): React.ReactNode {