diff --git a/client/index.html b/client/index.html index ad5a914..74ab077 100644 --- a/client/index.html +++ b/client/index.html @@ -1,10 +1,13 @@ + + + - Dashboard | Trackify + Dashboard | M I R A G E
diff --git a/client/src/App.jsx b/client/src/App.jsx index 08c418f..0564b8c 100644 --- a/client/src/App.jsx +++ b/client/src/App.jsx @@ -1,12 +1,12 @@ import React from 'react'; import { Route, Routes } from 'react-router-dom'; - +import "./index.css" import { Sidebar, Navbar } from './components'; -import { ShipmentDetails, CreateCampaign, Home, Profile } from './pages'; +import { ShipmentDetails, Home, Profile, CreateShipment } from './pages'; const App = () => { return ( -
+
@@ -17,7 +17,7 @@ const App = () => { } /> } /> - } /> + } /> } />
diff --git a/client/src/assets/create-shipment.svg b/client/src/assets/create-shipment.svg index d9c6730..38ddb4b 100644 --- a/client/src/assets/create-shipment.svg +++ b/client/src/assets/create-shipment.svg @@ -1,6 +1,6 @@ - + diff --git a/client/src/assets/dashboard.svg b/client/src/assets/dashboard.svg index b9ecf4c..3c090a7 100644 --- a/client/src/assets/dashboard.svg +++ b/client/src/assets/dashboard.svg @@ -1,6 +1,6 @@ - - - - + + + + diff --git a/client/src/assets/loader.svg b/client/src/assets/loader.svg index e378f90..4f8b2d3 100644 --- a/client/src/assets/loader.svg +++ b/client/src/assets/loader.svg @@ -1,8 +1,5 @@ - - - - - - + + + \ No newline at end of file diff --git a/client/src/assets/logout.svg b/client/src/assets/logout.svg index 188cf3b..1530f6a 100644 --- a/client/src/assets/logout.svg +++ b/client/src/assets/logout.svg @@ -1,4 +1,4 @@ - - + + diff --git a/client/src/assets/menu.svg b/client/src/assets/menu.svg index 4685dfb..e651677 100644 --- a/client/src/assets/menu.svg +++ b/client/src/assets/menu.svg @@ -1,3 +1,3 @@ - + diff --git a/client/src/assets/profile.svg b/client/src/assets/profile.svg index 0558003..60d7457 100644 --- a/client/src/assets/profile.svg +++ b/client/src/assets/profile.svg @@ -1,5 +1,5 @@ - - - + + + diff --git a/client/src/assets/sun.svg b/client/src/assets/sun.svg index 89ed57d..fb208d2 100644 --- a/client/src/assets/sun.svg +++ b/client/src/assets/sun.svg @@ -1,3 +1,3 @@ - + diff --git a/client/src/assets/warning.svg b/client/src/assets/warning.svg index dee9a81..95b73d0 100644 --- a/client/src/assets/warning.svg +++ b/client/src/assets/warning.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/client/src/components/DisplayCampaigns.jsx b/client/src/components/DisplayShipments.jsx similarity index 80% rename from client/src/components/DisplayCampaigns.jsx rename to client/src/components/DisplayShipments.jsx index 5569bc2..1afb790 100644 --- a/client/src/components/DisplayCampaigns.jsx +++ b/client/src/components/DisplayShipments.jsx @@ -4,11 +4,11 @@ import { useNavigate } from 'react-router-dom'; import FundCard from './FundCard'; import { loader } from '../assets'; -const DisplayCampaigns = ({ title, isLoading, shipments }) => { - const navigate = useNavigate(); // the useNavigate hook is used to get a navigation function to programmatically navigate to a new page in the application. +const DisplayShipments = ({ title, isLoading, shipments }) => { + const navigate = useNavigate(); // used to get a navigation function to programmatically navigate to a new page in the application. - // The handleNavigate function is defined to handle navigation to a specific shipment's details page when a user clicks on a shipment card. + // handles navigation to a specific shipment's details page when a user clicks on a shipment card. const handleNavigate = (shipment) => { navigate(`/shipment-details/${shipment.title}`, { state: shipment }) } @@ -43,4 +43,4 @@ const DisplayCampaigns = ({ title, isLoading, shipments }) => { ) } -export default DisplayCampaigns \ No newline at end of file +export default DisplayShipments \ No newline at end of file diff --git a/client/src/components/FormField.jsx b/client/src/components/FormField.jsx index c226606..9f61aac 100644 --- a/client/src/components/FormField.jsx +++ b/client/src/components/FormField.jsx @@ -11,7 +11,7 @@ const FormField = ({ labelName, placeholder, inputType, isTextArea, value, handl return ( {labelName} + {labelName} )} {isTextArea ? (