Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Edit program page & Navbar #65

Merged
merged 29 commits into from
Feb 9, 2025
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
29 commits
Select commit Hold shift + click to select a range
c613821
uh basic compnents of edit program
kaitlinnleung Feb 4, 2025
1a5fb88
uh most stuff working im j saving before i break sumthn again
kaitlinnleung Feb 5, 2025
27a14bf
search and adding/removing tags working in sync finally omg boutta bl…
kaitlinnleung Feb 5, 2025
6e7003b
navbar styling zuo wan le! i think
kaitlinnleung Feb 5, 2025
f901ab1
fighting the css demons. more navbar css
kaitlinnleung Feb 5, 2025
d1d639b
defeated navbar css demon
kaitlinnleung Feb 5, 2025
21859ea
pushing for daiki testing
kaitlinnleung Feb 6, 2025
c9678a7
more edit program css & oopsies i make instructor/payee finally searc…
kaitlinnleung Feb 6, 2025
9054655
css for aligning instructor/payee tags with input form, tag spacing a…
kaitlinnleung Feb 6, 2025
58549df
imma toot my own horn. most css done except input dropdowns and navba…
kaitlinnleung Feb 6, 2025
aed5094
omfg instructor/payee search absolute cancer done. i have beef with d…
kaitlinnleung Feb 6, 2025
9126594
Adjusted dropdown styling to match figma, dropdown delay needs to be …
Feb 6, 2025
01ead10
gave up on getting svg to be purple when button hovered over but have…
kaitlinnleung Feb 6, 2025
2a5e2e1
navbar css, instructor/payee css and functionality
kaitlinnleung Feb 6, 2025
f990ea6
scared. i think it works but not sure. fixed location on load error
kaitlinnleung Feb 6, 2025
b460299
default location for dropdown if no location data
kaitlinnleung Feb 6, 2025
4fe8d86
navbar css AGAIN grr
kaitlinnleung Feb 6, 2025
cb7ef6a
merge?
Feb 7, 2025
6edaa5e
Resolved merge conflicts
Feb 7, 2025
d992f22
Extended navbar, removed unnecessary variables, imports, font weight …
Feb 8, 2025
95a0568
Restore yarn.lock and remove package-lock.json
Feb 8, 2025
5fadaae
Fix spacing
theNatePi Feb 9, 2025
208f97b
Fix layout of children in Nav
theNatePi Feb 9, 2025
3d682bc
Fix import
theNatePi Feb 9, 2025
b2b2c0e
Fix navbar children
theNatePi Feb 9, 2025
a0652bd
Fix nesting in navbar
theNatePi Feb 9, 2025
cac8959
Revert yarn lock
theNatePi Feb 9, 2025
aafc3d8
Merge branch 'main' into edit_program_page
jessieh9 Feb 9, 2025
699ef7a
fixed navbar import for Program
jessieh9 Feb 9, 2025
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
9 changes: 9 additions & 0 deletions client/src/App.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -17,8 +17,9 @@
import { BackendProvider } from "./contexts/BackendContext";
import { RoleProvider } from "./contexts/RoleContext";
import { ForgotPassword } from "./components/login/ForgotPassword";
import { EditProgram } from "./components/programs/EditProgram";
import { PDFViewer } from "@react-pdf/renderer";

Check warning on line 21 in client/src/App.jsx

View workflow job for this annotation

GitHub Actions / run-checks

'PDFViewer' is defined but never used. Allowed unused vars must match /^_/u
import PDFButton from "./components/PDFButton";

Check warning on line 22 in client/src/App.jsx

View workflow job for this annotation

GitHub Actions / run-checks

'PDFButton' is defined but never used. Allowed unused vars must match /^_/u
import { Program } from "./components/programs/Program";

const App = () => {
Expand Down Expand Up @@ -71,6 +72,14 @@
path="/forgotpassword"
element={<ForgotPassword />}
/>
<Route
path="/programs/edit/:id"
element={
<ProtectedRoute
element={<EditProgram />}
/>
}
/>
<Route
path="/programs/:id"
element={
Expand Down
9 changes: 9 additions & 0 deletions client/src/assets/CalendarIcon.jsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
import React from 'react';

export const CalendarIcon = () => {
return (
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
<path d="M15.8333 15.8334H4.16667V6.66671H15.8333M13.3333 0.833374V2.50004H6.66667V0.833374H5V2.50004H4.16667C3.24167 2.50004 2.5 3.24171 2.5 4.16671V15.8334C2.5 16.2754 2.67559 16.6993 2.98816 17.0119C3.30072 17.3244 3.72464 17.5 4.16667 17.5H15.8333C16.2754 17.5 16.6993 17.3244 17.0118 17.0119C17.3244 16.6993 17.5 16.2754 17.5 15.8334V4.16671C17.5 3.72468 17.3244 3.30076 17.0118 2.9882C16.6993 2.67564 16.2754 2.50004 15.8333 2.50004H15V0.833374M14.1667 10H10V14.1667H14.1667V10Z" fill="#767778"/>
</svg>
);
};
9 changes: 9 additions & 0 deletions client/src/assets/CancelIcon.jsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
import React from 'react';

export const CancelIcon = () => {
return (
<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path id="Vector" d="M10 0.5C4.48625 0.5 0 4.98625 0 10.5C0 16.0138 4.48625 20.5 10 20.5C15.5138 20.5 20 16.0138 20 10.5C20 4.98625 15.5138 0.5 10 0.5ZM3.75 10.5C3.75 9.46 4.03 8.495 4.48 7.63125L12.8687 16.02C11.9858 16.4923 11.0013 16.7429 10 16.75C6.55375 16.75 3.75 13.9462 3.75 10.5ZM15.52 13.3687L7.13125 4.98C8.01417 4.50767 8.99871 4.25714 10 4.25C13.4462 4.25 16.25 7.05375 16.25 10.5C16.25 11.54 15.97 12.505 15.52 13.3687Z" fill="#90080F"/>
</svg>
);
};
9 changes: 9 additions & 0 deletions client/src/assets/ClockFilledIcon.jsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
import React from 'react';

export const ClockFilledIcon = () => {
return (
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
<path d="M14.1667 2.78332C15.4236 3.50904 16.4692 4.55043 17.1999 5.80441C17.9307 7.05839 18.3212 8.48147 18.3329 9.93277C18.3447 11.3841 17.9771 12.8133 17.2668 14.0789C16.5564 15.3445 15.5278 16.4027 14.2828 17.1486C13.0378 17.8945 11.6196 18.3023 10.1685 18.3317C8.71744 18.3611 7.28387 18.011 6.00971 17.316C4.73555 16.6211 3.66497 15.6054 2.90397 14.3696C2.14297 13.1337 1.71792 11.7206 1.67091 10.27L1.66675 9.99999L1.67091 9.72999C1.71758 8.29082 2.13637 6.88829 2.88645 5.65915C3.63652 4.43001 4.69229 3.4162 5.95082 2.71656C7.20936 2.01692 8.6277 1.65532 10.0676 1.66702C11.5075 1.67872 12.9198 2.06332 14.1667 2.78332ZM10.0001 4.99999C9.79597 5.00002 9.59897 5.07496 9.44644 5.21059C9.29391 5.34622 9.19646 5.53312 9.17258 5.73583L9.16675 5.83333V9.99999L9.17425 10.1092C9.19325 10.2537 9.24986 10.3908 9.33841 10.5067L9.41091 10.59L11.9109 13.09L11.9892 13.1583C12.1354 13.2717 12.3151 13.3333 12.5001 13.3333C12.6851 13.3333 12.8648 13.2717 13.0109 13.1583L13.0892 13.0892L13.1584 13.0108C13.2718 12.8647 13.3333 12.685 13.3333 12.5C13.3333 12.315 13.2718 12.1353 13.1584 11.9892L13.0892 11.9108L10.8334 9.65416V5.83333L10.8276 5.73583C10.8037 5.53312 10.7063 5.34622 10.5537 5.21059C10.4012 5.07496 10.2042 5.00002 10.0001 4.99999Z" fill="#767778"/>
</svg>
);
};
10 changes: 10 additions & 0 deletions client/src/assets/CloseFilledIcon.jsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
import React from 'react';

export const CloseFilledIcon = () => {
return (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none">
<rect width="16" height="16" rx="8" fill="#4E4AE7"/>
<path d="M7.99981 8.94293L5.64279 11.3C5.50923 11.4335 5.35209 11.5001 5.17139 11.4998C4.99068 11.4995 4.83355 11.4329 4.69998 11.3C4.56642 11.167 4.49979 11.0099 4.50011 10.8285C4.50042 10.6472 4.56705 10.4901 4.69998 10.3571L7.057 8.00012L4.69998 5.6431C4.56642 5.50953 4.49979 5.3524 4.50011 5.1717C4.50042 4.99099 4.56705 4.83385 4.69998 4.70029C4.83292 4.56673 4.99021 4.49994 5.17186 4.49994C5.35351 4.49994 5.51048 4.56673 5.64279 4.70029L7.99981 7.05731L10.3568 4.70029C10.4904 4.56673 10.6477 4.49994 10.8287 4.49994C11.0097 4.49994 11.1667 4.56673 11.2996 4.70029C11.4326 4.83385 11.4994 4.99115 11.5 5.17217C11.5006 5.35319 11.4338 5.51016 11.2996 5.6431L8.94262 8.00012L11.2996 10.3571C11.4332 10.4907 11.5 10.648 11.5 10.829C11.5 11.01 11.4332 11.167 11.2996 11.3C11.1661 11.4329 11.0089 11.4995 10.8282 11.4998C10.6475 11.5001 10.4904 11.4335 10.3568 11.3L7.99981 8.94293Z" fill="white"/>
</svg>
);
};
9 changes: 9 additions & 0 deletions client/src/assets/DollarIcon.jsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
import React from 'react';

export const DollarIcon = () => {
return (
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" display="block" margin="0 auto">
<path d="M8.75 2.5H6.25C5.67547 2.5 5.10656 2.61316 4.57576 2.83303C4.04496 3.05289 3.56266 3.37515 3.15641 3.78141C2.75015 4.18766 2.42789 4.66996 2.20803 5.20076C1.98816 5.73156 1.875 6.30047 1.875 6.875C1.875 7.44953 1.98816 8.01844 2.20803 8.54924C2.42789 9.08004 2.75015 9.56234 3.15641 9.96859C3.56266 10.3748 4.04496 10.6971 4.57576 10.917C5.10656 11.1368 5.67547 11.25 6.25 11.25H8.75V15H3.125V17.5H8.75V20H11.25V17.5H13.75C14.9103 17.5 16.0231 17.0391 16.8436 16.2186C17.6641 15.3981 18.125 14.2853 18.125 13.125C18.125 11.9647 17.6641 10.8519 16.8436 10.0314C16.0231 9.21094 14.9103 8.75 13.75 8.75H11.25V5H16.875V2.5H11.25V0H8.75V2.5ZM11.25 11.25H13.75C14.2473 11.25 14.7242 11.4475 15.0758 11.7992C15.4275 12.1508 15.625 12.6277 15.625 13.125C15.625 13.6223 15.4275 14.0992 15.0758 14.4508C14.7242 14.8025 14.2473 15 13.75 15H11.25V11.25ZM8.75 8.75H6.25C6.00377 8.75 5.75995 8.7015 5.53247 8.60727C5.30498 8.51305 5.09828 8.37494 4.92417 8.20083C4.75007 8.02672 4.61195 7.82002 4.51773 7.59253C4.4235 7.36505 4.375 7.12123 4.375 6.875C4.375 6.62877 4.4235 6.38495 4.51773 6.15747C4.61195 5.92998 4.75007 5.72328 4.92417 5.54917C5.09828 5.37506 5.30498 5.23695 5.53247 5.14273C5.75995 5.0485 6.00377 5 6.25 5H8.75V8.75Z" fill="#767778"/>
</svg>
);
};
9 changes: 9 additions & 0 deletions client/src/assets/EmailIcon.jsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
import React from 'react';

export const EmailIcon = () => {
return (
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
<path d="M18.3333 4.58337H7.5C6.58333 4.58337 5.83333 5.33337 5.83333 6.25004V13.75C5.83333 14.1921 6.00893 14.616 6.32149 14.9286C6.63405 15.2411 7.05797 15.4167 7.5 15.4167H18.3333C19.2583 15.4167 20 14.675 20 13.75V6.25004C20 5.80801 19.8244 5.38409 19.5118 5.07153C19.1993 4.75897 18.7754 4.58337 18.3333 4.58337ZM18.3333 7.64171L12.9167 10.4167L7.5 7.64171V6.25004L12.9167 9.00837L18.3333 6.25004V7.64171ZM4.16667 13.75C4.16667 13.8917 4.19167 14.025 4.20833 14.1667H0.833333C0.373333 14.1667 0 13.7917 0 13.3334C0 12.875 0.373333 12.5 0.833333 12.5H4.16667V13.75ZM2.5 5.83337H4.20833C4.19167 5.97504 4.16667 6.10837 4.16667 6.25004V7.50004H2.5C2.04167 7.50004 1.66667 7.12504 1.66667 6.66671C1.66667 6.20837 2.04167 5.83337 2.5 5.83337ZM0.833333 10C0.833333 9.54171 1.20833 9.16671 1.66667 9.16671H4.16667V10.8334H1.66667C1.20833 10.8334 0.833333 10.4584 0.833333 10Z" fill="#767778"/>
</svg>
);
};
9 changes: 9 additions & 0 deletions client/src/assets/InvoiceIcon.jsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
import React from 'react';

export const InvoiceIcon = () => {
return (
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none">
<path fillRule="evenodd" clipRule="evenodd" d="M3.33325 2.79452C3.33325 2.5735 3.42105 2.36154 3.57733 2.20526C3.73361 2.04898 3.94557 1.96118 4.16659 1.96118H15.8333C16.0543 1.96118 16.2662 2.04898 16.4225 2.20526C16.5788 2.36154 16.6666 2.5735 16.6666 2.79452V17.7945C16.6666 17.9538 16.6209 18.1098 16.535 18.2439C16.4491 18.3781 16.3266 18.4848 16.1819 18.5515C16.0372 18.6181 15.8764 18.6419 15.7186 18.62C15.5608 18.5981 15.4126 18.5314 15.2916 18.4278L14.4308 17.6903C14.2797 17.561 14.0875 17.4899 13.8887 17.4899C13.6899 17.4899 13.4976 17.561 13.3466 17.6903L12.4866 18.427C12.3355 18.5566 12.1431 18.6278 11.9441 18.6278C11.7451 18.6278 11.5526 18.5566 11.4016 18.427L10.5424 17.6903C10.3914 17.5608 10.1989 17.4896 9.99992 17.4896C9.80091 17.4896 9.60848 17.5608 9.45742 17.6903L8.59825 18.427C8.44719 18.5566 8.25476 18.6278 8.05575 18.6278C7.85675 18.6278 7.66431 18.5566 7.51325 18.427L6.65325 17.6903C6.50225 17.561 6.30998 17.4899 6.11117 17.4899C5.91235 17.4899 5.72009 17.561 5.56909 17.6903L4.70909 18.427C4.5881 18.5308 4.43989 18.5977 4.28204 18.6197C4.12419 18.6418 3.96332 18.6182 3.8185 18.5516C3.67369 18.485 3.551 18.3783 3.46499 18.2441C3.37899 18.1099 3.33326 17.9539 3.33325 17.7945V2.79452ZM7.49992 5.29452C7.2789 5.29452 7.06694 5.38231 6.91066 5.53859C6.75438 5.69487 6.66659 5.90683 6.66659 6.12785C6.66659 6.34886 6.75438 6.56082 6.91066 6.7171C7.06694 6.87338 7.2789 6.96118 7.49992 6.96118H12.4999C12.7209 6.96118 12.9329 6.87338 13.0892 6.7171C13.2455 6.56082 13.3333 6.34886 13.3333 6.12785C13.3333 5.90683 13.2455 5.69487 13.0892 5.53859C12.9329 5.38231 12.7209 5.29452 12.4999 5.29452H7.49992ZM7.49992 8.62785C7.2789 8.62785 7.06694 8.71565 6.91066 8.87193C6.75438 9.02821 6.66659 9.24017 6.66659 9.46118C6.66659 9.6822 6.75438 9.89416 6.91066 10.0504C7.06694 10.2067 7.2789 10.2945 7.49992 10.2945H12.4999C12.7209 10.2945 12.9329 10.2067 13.0892 10.0504C13.2455 9.89416 13.3333 9.6822 13.3333 9.46118C13.3333 9.24017 13.2455 9.02821 13.0892 8.87193C12.9329 8.71565 12.7209 8.62785 12.4999 8.62785H7.49992ZM8.33325 12.7945C8.33325 12.5735 8.42105 12.3615 8.57733 12.2053C8.73361 12.049 8.94557 11.9612 9.16658 11.9612H12.4999C12.7209 11.9612 12.9329 12.049 13.0892 12.2053C13.2455 12.3615 13.3333 12.5735 13.3333 12.7945C13.3333 13.0155 13.2455 13.2275 13.0892 13.3838C12.9329 13.5401 12.7209 13.6278 12.4999 13.6278H9.16658C8.94557 13.6278 8.73361 13.5401 8.57733 13.3838C8.42105 13.2275 8.33325 13.0155 8.33325 12.7945Z" fill="#474849"/>
</svg>
);
};
9 changes: 9 additions & 0 deletions client/src/assets/LocationIcon.jsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
import React from 'react';

export const LocationIcon = () => {
return (
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
<path fillRule="evenodd" clipRule="evenodd" d="M9.38492 18.445C9.38492 18.445 3.33325 13.3483 3.33325 8.33329C3.33325 6.56518 4.03563 4.86949 5.28587 3.61925C6.53612 2.36901 8.23181 1.66663 9.99992 1.66663C11.768 1.66663 13.4637 2.36901 14.714 3.61925C15.9642 4.86949 16.6666 6.56518 16.6666 8.33329C16.6666 13.3483 10.6149 18.445 10.6149 18.445C10.2783 18.755 9.72409 18.7516 9.38492 18.445ZM9.99992 11.25C10.3829 11.25 10.7622 11.1745 11.1161 11.0279C11.4699 10.8814 11.7915 10.6665 12.0623 10.3957C12.3332 10.1249 12.548 9.80332 12.6946 9.44945C12.8411 9.09559 12.9166 8.71632 12.9166 8.33329C12.9166 7.95027 12.8411 7.571 12.6946 7.21713C12.548 6.86327 12.3332 6.54174 12.0623 6.2709C11.7915 6.00006 11.4699 5.78522 11.1161 5.63864C10.7622 5.49207 10.3829 5.41663 9.99992 5.41663C9.22637 5.41663 8.48451 5.72392 7.93752 6.2709C7.39054 6.81788 7.08325 7.55974 7.08325 8.33329C7.08325 9.10684 7.39054 9.84871 7.93752 10.3957C8.48451 10.9427 9.22637 11.25 9.99992 11.25Z" fill="#767778"/>
</svg>
);
};
9 changes: 9 additions & 0 deletions client/src/assets/NotificationsIcon.jsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
import React from 'react';

export const NotificationsIcon = () => {
return (
<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.738 15.8961C12.4106 15.8961 12.766 16.7153 12.3173 17.2305C12.0256 17.5658 11.6684 17.834 11.2691 18.0176C10.8698 18.2012 10.4374 18.2961 10 18.2961C9.56265 18.2961 9.1302 18.2012 8.73091 18.0176C8.33161 17.834 7.97444 17.5658 7.68272 17.2305C7.25348 16.7377 7.55986 15.9673 8.17573 15.9017L8.26127 15.8969L11.738 15.8961ZM10 2.29614C11.056 2.29614 11.9487 3.01854 12.2357 4.00894L12.2714 4.14574L12.2776 4.18014C13.135 4.67751 13.8656 5.37683 14.4095 6.22078C14.9534 7.06473 15.2952 8.02927 15.4068 9.03534L15.4285 9.26494L15.4433 9.49614V11.8409L15.4596 11.9497C15.5661 12.5392 15.8832 13.0663 16.3485 13.4273L16.4783 13.5209L16.6043 13.6001C17.273 13.9897 17.0398 15.0129 16.3111 15.0913L16.2209 15.0961H3.77909C2.9797 15.0961 2.70054 14.0049 3.39573 13.6001C3.69202 13.4276 3.94803 13.1905 4.14577 12.9054C4.34351 12.6203 4.4782 12.2941 4.54038 11.9497L4.55671 11.8353L4.55749 9.45934C4.6049 8.41445 4.90054 7.39743 5.41853 6.49732C5.93652 5.5972 6.66106 4.84143 7.52875 4.29614L7.7216 4.17934L7.72938 4.14494C7.83907 3.66641 8.08897 3.23407 8.44529 2.90642C8.8016 2.57876 9.24714 2.3716 9.72163 2.31294L9.86315 2.29934L10 2.29614Z" fill="#474849"/>
</svg>
);
};
10 changes: 10 additions & 0 deletions client/src/assets/PlusFilledIcon.jsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
import React from 'react';

export const PlusFilledIcon = () => {
return (
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
<rect width="20" height="20" rx="10" fill="#767778"/>
<path d="M9.16675 10.8333H5.00008C4.76397 10.8333 4.5662 10.7533 4.40675 10.5933C4.24731 10.4333 4.16731 10.2355 4.16675 9.99996C4.1662 9.76441 4.2462 9.56663 4.40675 9.40663C4.56731 9.24663 4.76508 9.16663 5.00008 9.16663H9.16675V4.99996C9.16675 4.76385 9.24675 4.56607 9.40675 4.40663C9.56675 4.24718 9.76453 4.16718 10.0001 4.16663C10.2356 4.16607 10.4337 4.24607 10.5943 4.40663C10.7548 4.56718 10.8345 4.76496 10.8334 4.99996V9.16663H15.0001C15.2362 9.16663 15.4343 9.24663 15.5943 9.40663C15.7543 9.56663 15.834 9.76441 15.8334 9.99996C15.8329 10.2355 15.7529 10.4336 15.5934 10.5941C15.434 10.7547 15.2362 10.8344 15.0001 10.8333H10.8334V15C10.8334 15.2361 10.7534 15.4341 10.5934 15.5941C10.4334 15.7541 10.2356 15.8339 10.0001 15.8333C9.76453 15.8327 9.56675 15.7527 9.40675 15.5933C9.24675 15.4339 9.16675 15.2361 9.16675 15V10.8333Z" fill="white"/>
</svg>
);
};
9 changes: 9 additions & 0 deletions client/src/assets/ProgramIcon.jsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
import React from 'react';

export const ProgramIcon = () => {
return (
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21">
<path d="M12.0833 15.2945C11.5 15.2945 11.0069 15.0931 10.6042 14.6904C10.2014 14.2876 10 13.7945 10 13.2112C10 12.6279 10.2014 12.1348 10.6042 11.732C11.0069 11.3292 11.5 11.1279 12.0833 11.1279C12.6667 11.1279 13.1597 11.3292 13.5625 11.732C13.9653 12.1348 14.1667 12.6279 14.1667 13.2112C14.1667 13.7945 13.9653 14.2876 13.5625 14.6904C13.1597 15.0931 12.6667 15.2945 12.0833 15.2945ZM4.16667 18.6279C3.70833 18.6279 3.31611 18.4648 2.99 18.1387C2.66389 17.8126 2.50056 17.4201 2.5 16.9612V5.29452C2.5 4.83618 2.66333 4.44396 2.99 4.11785C3.31667 3.79174 3.70889 3.62841 4.16667 3.62785H5V2.79452C5 2.55841 5.08 2.36063 5.24 2.20118C5.4 2.04174 5.59778 1.96174 5.83333 1.96118C6.06889 1.96063 6.26694 2.04063 6.4275 2.20118C6.58806 2.36174 6.66778 2.55952 6.66667 2.79452V3.62785H13.3333V2.79452C13.3333 2.55841 13.4133 2.36063 13.5733 2.20118C13.7333 2.04174 13.9311 1.96174 14.1667 1.96118C14.4022 1.96063 14.6003 2.04063 14.7608 2.20118C14.9214 2.36174 15.0011 2.55952 15 2.79452V3.62785H15.8333C16.2917 3.62785 16.6842 3.79118 17.0108 4.11785C17.3375 4.44452 17.5006 4.83674 17.5 5.29452V16.9612C17.5 17.4195 17.3369 17.812 17.0108 18.1387C16.6847 18.4654 16.2922 18.6284 15.8333 18.6279H4.16667ZM4.16667 16.9612H15.8333V8.62785H4.16667V16.9612Z" fill="#474849"/>
</svg>
);
};
39 changes: 39 additions & 0 deletions client/src/assets/RepeatIcon.jsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
import React from 'react';

export const RepeatIcon = () => {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width="100%"
height="100%"
viewBox="0 0 20 18"
fill="none"
style={{
display: 'block',
margin: 'auto' }}
>
<path
d="M1.66675 9.41663C1.66675 6.64579 3.91508 4.41663 6.66675 4.41663H18.3334"
stroke="#767778"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M15.8334 1.91663L18.3334 4.41663L15.8334 6.91663M18.3334 8.58329C18.3334 11.3541 16.0851 13.5833 13.3334 13.5833H1.66675"
stroke="#767778"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M4.16675 16.0833L1.66675 13.5833L4.16675 11.0833"
stroke="#767778"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>

);
};
9 changes: 9 additions & 0 deletions client/src/assets/SettingsIcon.jsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
import React from 'react';

export const SettingsIcon = () => {
return (
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21">
<path d="M9.02082 18.6278C8.64582 18.6278 8.32304 18.5028 8.05248 18.2528C7.78193 18.0028 7.6186 17.6973 7.56248 17.3362L7.37498 15.9612C7.19443 15.8917 7.02443 15.8084 6.86498 15.7112C6.70554 15.614 6.54915 15.5098 6.39582 15.3987L5.10415 15.9403C4.75693 16.0931 4.40971 16.107 4.06248 15.982C3.71526 15.857 3.44443 15.6348 3.24998 15.3153L2.27082 13.607C2.07637 13.2876 2.02082 12.9473 2.10415 12.5862C2.18748 12.2251 2.37498 11.9265 2.66665 11.6903L3.77082 10.857C3.75693 10.7598 3.74998 10.6659 3.74998 10.5753V10.0128C3.74998 9.92285 3.75693 9.82924 3.77082 9.73202L2.66665 8.89868C2.37498 8.66257 2.18748 8.36396 2.10415 8.00285C2.02082 7.64174 2.07637 7.30146 2.27082 6.98202L3.24998 5.27368C3.44443 4.95424 3.71526 4.73202 4.06248 4.60702C4.40971 4.48202 4.75693 4.4959 5.10415 4.64868L6.39582 5.19035C6.5486 5.07924 6.70832 4.97507 6.87498 4.87785C7.04165 4.78063 7.20832 4.69729 7.37498 4.62785L7.56248 3.25285C7.61804 2.89174 7.78137 2.58618 8.05248 2.33618C8.3236 2.08618 8.64637 1.96118 9.02082 1.96118H10.9792C11.3542 1.96118 11.6772 2.08618 11.9483 2.33618C12.2194 2.58618 12.3825 2.89174 12.4375 3.25285L12.625 4.62785C12.8055 4.69729 12.9758 4.78063 13.1358 4.87785C13.2958 4.97507 13.4519 5.07924 13.6042 5.19035L14.8958 4.64868C15.243 4.4959 15.5903 4.48202 15.9375 4.60702C16.2847 4.73202 16.5555 4.95424 16.75 5.27368L17.7292 6.98202C17.9236 7.30146 17.9792 7.64174 17.8958 8.00285C17.8125 8.36396 17.625 8.66257 17.3333 8.89868L16.2292 9.73202C16.243 9.82924 16.25 9.92313 16.25 10.0137V10.5753C16.25 10.6659 16.2361 10.7598 16.2083 10.857L17.3125 11.6903C17.6042 11.9265 17.7917 12.2251 17.875 12.5862C17.9583 12.9473 17.9028 13.2876 17.7083 13.607L16.7083 15.3153C16.5139 15.6348 16.243 15.857 15.8958 15.982C15.5486 16.107 15.2014 16.0931 14.8542 15.9403L13.6042 15.3987C13.4514 15.5098 13.2917 15.614 13.125 15.7112C12.9583 15.8084 12.7916 15.8917 12.625 15.9612L12.4375 17.3362C12.3819 17.6973 12.2189 18.0028 11.9483 18.2528C11.6778 18.5028 11.3547 18.6278 10.9792 18.6278H9.02082ZM10.0417 13.2112C10.8472 13.2112 11.5347 12.9265 12.1041 12.357C12.6736 11.7876 12.9583 11.1001 12.9583 10.2945C12.9583 9.48896 12.6736 8.80146 12.1041 8.23202C11.5347 7.66257 10.8472 7.37785 10.0417 7.37785C9.22221 7.37785 8.5311 7.66257 7.96832 8.23202C7.40554 8.80146 7.12443 9.48896 7.12498 10.2945C7.12554 11.1001 7.40693 11.7876 7.96915 12.357C8.53137 12.9265 9.22221 13.2112 10.0417 13.2112Z" fill="#474849"/>
</svg>
);
};
3 changes: 3 additions & 0 deletions client/src/assets/Vector.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Loading