{ message }
-{ details }
- { stack && ( -
- { stack }
-
- ) }
-
-
-
- )
-
-}
-
-export default Spinner
\ No newline at end of file
diff --git a/frontend-old/app/components/features/OnboardingBanner.tsx b/frontend-old/app/components/features/OnboardingBanner.tsx
deleted file mode 100644
index ee97858..0000000
--- a/frontend-old/app/components/features/OnboardingBanner.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import { Link } from "react-router"
-import useRoutes from "@/hooks/useRoutes"
-import { UserType } from "@/types/UserType"
-import { DishType } from "@/types/DishType"
-
-interface Props {
- dishes: DishType[],
- users: UserType[]
-}
-
-const OnboardingBanner = ({ dishes, users }: Props) => {
- const routes = useRoutes();
-
- const steps = [
- {
- label: "Create a user",
- href: routes.user.create(),
- count: users.length
- }, {
- label: "Create a dish",
- href: routes.dish.create(),
- count: dishes.length
- }
- ]
-
- return (
-
-
- )
-}
-
-export default OnboardingBanner;
\ No newline at end of file
diff --git a/frontend-old/app/components/features/auth/LoginForm.tsx b/frontend-old/app/components/features/auth/LoginForm.tsx
deleted file mode 100644
index 3e693d8..0000000
--- a/frontend-old/app/components/features/auth/LoginForm.tsx
+++ /dev/null
@@ -1,98 +0,0 @@
-
-import React, { useEffect, useState } from 'react';
-import { Link, useLocation, useNavigate } from 'react-router';
-import { useAuth } from '@/context/AuthContext';
-import { login } from "@/utils/api/auth";
-import useRoutes from "@/hooks/useRoutes";
-import SolidButton from "@/components/ui/Buttons/SolidButton";
-import Alert from "@/components/ui/Alert";
-
-const LoginForm = () => {
- const { login: authLogin } = useAuth();
- const routes = useRoutes();
- const [email, setEmail] = useState('');
- const [password, setPassword] = useState('');
- const [error, setError] = useState('');
- const [alertSuccess, setAlertSuccess] = useStateWelcome to DishPlanner
- To get you started, please follow these steps to set up your account. This will ensure a better
- experience.
-
-
- {
- steps.map((step, index) => (
-
- {
- step.count === 0
- ? { step.label }
- :
- ))
- }
- { step.label }
- }
-
-
- )
-}
-
-export default LoginForm
\ No newline at end of file
diff --git a/frontend-old/app/components/features/auth/RegisterForm.tsx b/frontend-old/app/components/features/auth/RegisterForm.tsx
deleted file mode 100644
index 908d624..0000000
--- a/frontend-old/app/components/features/auth/RegisterForm.tsx
+++ /dev/null
@@ -1,107 +0,0 @@
-import React, { useState } from 'react';
-import { register } from "@/utils/api/auth";
-import useRoutes from "@/hooks/useRoutes";
-import SectionTitle from "@/components/ui/SectionTitle";
-import SolidButton from "@/components/ui/Buttons/SolidButton";
-import { Link, useNavigate } from "react-router"
-
-const RegisterForm = () => {
- const routes = useRoutes();
- const [name, setName] = useState('');
- const [email, setEmail] = useState('');
- const [password, setPassword] = useState('');
- const [passwordAgain, setPasswordAgain] = useState('');
- const [error, setError] = useState('');
- const [isLoading, setIsLoading] = useState(false);
- const [isRegistered, setIsRegistered] = useState(false);
- const navigate = useNavigate();
-
- const handleSubmit = async (e: React.FormEvent) => {
- e.preventDefault();
-
- if (password !== passwordAgain) {
- setError("Passwords do not match.");
- return;
- }
-
- try {
- setIsLoading(true);
-
- await register(name, email, password, passwordAgain);
- // navigate('/login?registered=true', { replace: true });
- } catch (err) {
- const errorMessage =
- err instanceof Error
- ? err.message
- : 'Registration\n failed';
- setError(errorMessage);
- } finally {
- setIsRegistered(true);
- setIsLoading(false);
- }
- };
-
- if (isRegistered) {
- return
- DISH PLANNER
-
-
- { alertSuccess.length > 0 &&
-
- {alertSuccess.map((msg, index) => (
-
- {msg}
-
-
- ))}
-
- }
-
-
- -
- Registration successful!
- Please continue to the login page.
-
- }
-
- return (
-
-
- )
-}
-
-export default RegisterForm
\ No newline at end of file
diff --git a/frontend-old/app/components/features/dishes/AddUserToDishForm.tsx b/frontend-old/app/components/features/dishes/AddUserToDishForm.tsx
deleted file mode 100644
index 974cd11..0000000
--- a/frontend-old/app/components/features/dishes/AddUserToDishForm.tsx
+++ /dev/null
@@ -1,101 +0,0 @@
-import React, { useState } from "react";
-import { DishType } from "@/types/DishType";
-import { UserType } from "@/types/UserType";
-import { useFetchUsers } from "@/hooks/useFetchUsers";
-import Spinner from "@/components/Spinner";
-import {addUserToDish} from "@/utils/api/dishApi";
-import OutlineButton from "@/components/ui/Buttons/OutlineButton";
-import SolidButton from "@/components/ui/Buttons/SolidButton";
-
-interface Props {
- dish: DishType;
- reloadDish: () => void;
-}
-
-const AddUserToDishForm = ({ dish, reloadDish }: Props) => {
- const [showAdd, setShowAdd] = useState
- DISH PLANNER
-
-
-
-
-
-
-
- )}
-
- );
-};
-
-export default AddUserToDishForm;
\ No newline at end of file
diff --git a/frontend-old/app/components/features/dishes/CreateDishForm.tsx b/frontend-old/app/components/features/dishes/CreateDishForm.tsx
deleted file mode 100644
index 69a139f..0000000
--- a/frontend-old/app/components/features/dishes/CreateDishForm.tsx
+++ /dev/null
@@ -1,95 +0,0 @@
-import React, { useState } from "react";
-import { useNavigate } from "react-router";
-import { createDish } from "~/utils/api/dishApi";
-import PageTitle from "~/components/ui/PageTitle";
-import Alert from "~/components/ui/Alert";
-import SolidButton from "~/components/ui/Buttons/SolidButton";
-import OutlineLinkButton from "~/components/ui/Buttons/OutlineLinkButton";
-import { ChevronLeftIcon } from "@heroicons/react/16/solid";
-import Hr from "~/components/ui/Hr"
-
-const CreateDishForm = () => {
- const navigate = useNavigate()
- const [name, setName] = useState
-
- -
- );
-
-
-};
-
-export default CreateDishForm;
\ No newline at end of file
diff --git a/frontend-old/app/components/features/dishes/Dish.tsx b/frontend-old/app/components/features/dishes/Dish.tsx
deleted file mode 100644
index 44128c7..0000000
--- a/frontend-old/app/components/features/dishes/Dish.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import {DishType} from "~/types/DishType";
-
-import {PencilIcon, TrashIcon} from '@heroicons/react/24/solid'
-import { Link } from "react-router";
-import useRoutes from "~/hooks/useRoutes";
-import {UserType} from "~/types/UserType";
-import Card from "~/components/layout/Card";
-
-const Dish = ({ dish }: { dish: DishType}) => {
- const routes = useRoutes();
-
- return (
-
- Create Dish
-
-
-
-
- - -
-
- { dish.name }
- - { - dish.users.map((user: UserType) => ( -{user.name.slice(0, 1)}
- ))
- }
-
-
-
-
-
-
-
-
-
-
-
-
- )
-}
-
-export default DishCard
\ No newline at end of file
diff --git a/frontend-old/app/components/features/dishes/EditDishForm.tsx b/frontend-old/app/components/features/dishes/EditDishForm.tsx
deleted file mode 100644
index a35002e..0000000
--- a/frontend-old/app/components/features/dishes/EditDishForm.tsx
+++ /dev/null
@@ -1,87 +0,0 @@
-import React, {useState} from "react";
-import { useNavigate } from "react-router";
-import Alert from "~/components/ui/Alert";
-import {updateDish} from "~/utils/api/dishApi";
-import {DishType} from "~/types/DishType";
-import useRoutes from "~/hooks/useRoutes";
-import Spinner from "~/components/Spinner";
-import Button from "~/components/ui/Button"
-
-interface Props {
- dish: DishType
-}
-
-const EditDishForm = ({ dish }: Props) => {
- const [name, setName] = useState
- { user.name.slice(0, 1) }
-
-
- { dish ? dish.name : '-' }
-
-
- { weekdayString() }
-
- )
- }
- const renderMinimumRecurrence = () => {
- if (minimumRecurrences == undefined || minimumRecurrences.length == 0) {
- return '';
- }
-
- return (
-
- min: { minimumRecurrences[0].value }
-
- )
- }
-
- return <>
- { renderWeeklyRecurrence() }
- { renderMinimumRecurrence() }
- ;
-};
-
-export default RecurrenceLabels;
\ No newline at end of file
diff --git a/frontend-old/app/components/features/dishes/SyncUsersForm.tsx b/frontend-old/app/components/features/dishes/SyncUsersForm.tsx
deleted file mode 100644
index d1f7264..0000000
--- a/frontend-old/app/components/features/dishes/SyncUsersForm.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import React from "react";
-import { DishType } from "@/types/DishType";
-import { UserType } from "@/types/UserType";
-import UserDishCard from "@/components/features/dishes/UserDishCard";
-import SectionTitle from "@/components/ui/SectionTitle";
-import AddUserToDishForm from "@/components/features/dishes/AddUserToDishForm";
-
-interface Props {
- dish: DishType;
- reloadDish: () => void;
-}
-
-const SyncUsersForm = ({ dish, reloadDish }: Props) => {
- return (
-
- Users
-
-
- );
-};
-
-export default SyncUsersForm;
\ No newline at end of file
diff --git a/frontend-old/app/components/features/dishes/UserDishCard.tsx b/frontend-old/app/components/features/dishes/UserDishCard.tsx
deleted file mode 100644
index 5681434..0000000
--- a/frontend-old/app/components/features/dishes/UserDishCard.tsx
+++ /dev/null
@@ -1,83 +0,0 @@
-import React, {useEffect} from "react";
-import {DishType} from "~/types/DishType";
-import {UserType} from "~/types/UserType";
-import { Link } from "react-router";
-import {PencilIcon, TrashIcon} from "@heroicons/react/24/solid";
-import {removeUserFromDish} from "~/utils/api/dishApi";
-import EditDishUserCardEditForm from "~/components/features/dishes/EditDishUserCardEditForm";
-import {getUserDishForUserAndDish} from "~/utils/api/usersApi";
-import Spinner from "~/components/Spinner";
-import RecurrenceLabels from "~/components/features/dishes/RecurrenceLabels";
-import {UserDishType} from "~/types/ScheduledUserDishType";
-
-interface Props {
- dish: DishType
- user: UserType
- reloadDish: () => void
-}
-
-const UserDishCard = ({dish, user, reloadDish}: Props) => {
- const [userDish, setUserDish] = React.useState
-
- );
-}
-
-export default UserDishCard;
\ No newline at end of file
diff --git a/frontend-old/app/components/features/navbar/MobileDropdownMenu.tsx b/frontend-old/app/components/features/navbar/MobileDropdownMenu.tsx
deleted file mode 100644
index 46ccdf0..0000000
--- a/frontend-old/app/components/features/navbar/MobileDropdownMenu.tsx
+++ /dev/null
@@ -1,69 +0,0 @@
-import { Link } from "react-router";
-import React from "react";
-import useRoutes from "~/hooks/useRoutes";
-import classNames from "classnames";
-
-interface Props {
- isOpen: boolean;
- setIsOpen: (isOpen: boolean) => void;
- handleLogout: (e: React.MouseEvent) => void;
-}
-
-const divStyles = classNames(
- 'absolute', 'text-xxl', 'rounded-b', 'top-full mt-1', 'left-0', 'right-0', '', 'py-2',
- 'bg-gray-600', 'border-secondary', 'shadow-md', 'flex', 'flex-col', 'space-y-3',
- 'md:hidden'
-)
-
-const linkStyles = classNames(
- 'border-b-2', 'border-secondary', 'uppercase',
- 'text-primary', 'hover:background-secondary', 'pb-2', 'pl-5',
- 'space-grotesk', 'text-xl'
-)
-
-const MobileDropdownMenu = ({ isOpen, setIsOpen, handleLogout }: Props) => {
- const routes = useRoutes();
-
- if (!isOpen) return null;
-
- return (
-
-
-
- {isEditMode && (
-
- {user.name}
-
-
-
-
-
-
- setIsEditMode(!isEditMode)} to="#">
-
-
-
-
-
-
-
-
-
-
-
-
- )}
-
- setIsOpen(false)}
- >
- Home
-
- setIsOpen(false)}
- >
- Dishes
-
- setIsOpen(false)}
- >
- Users
-
- setIsOpen(false)}
- >
- History
-
-
- Logout
-
-
- )
-}
-
-export default MobileDropdownMenu
\ No newline at end of file
diff --git a/frontend-old/app/components/features/schedule/HistoricalDishes.tsx b/frontend-old/app/components/features/schedule/HistoricalDishes.tsx
deleted file mode 100644
index ad3718f..0000000
--- a/frontend-old/app/components/features/schedule/HistoricalDishes.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-"use client"
-
-import {useEffect, useState} from "react";
-import {DateTime} from "luxon";
-import ScheduleCalendar from "@/components/features/schedule/ScheduleCalendar";
-import PageTitle from "@/components/ui/PageTitle";
-import {ScheduleType} from "@/types/ScheduleType";
-import Spinner from "@/components/Spinner";
-import {listSchedule} from "@/utils/api/scheduleApi";
-
-const HistoricalDishes = () => {
- const [schedule, setSchedule] = useState
- No dishes scheduled
-
- );
- }
-
- return
- History
-
-}
-
-export default HistoricalDishes
\ No newline at end of file
diff --git a/frontend-old/app/components/features/schedule/ScheduleCalendar.tsx b/frontend-old/app/components/features/schedule/ScheduleCalendar.tsx
deleted file mode 100644
index fce02c2..0000000
--- a/frontend-old/app/components/features/schedule/ScheduleCalendar.tsx
+++ /dev/null
@@ -1,72 +0,0 @@
-import ScheduleDayCard from "@/components/features/schedule/dayCard/ScheduleDayCard";
-import { FilledScheduleType, ScheduleType } from "@/types/ScheduleType";
-import {useFetchUsers} from "@/hooks/useFetchUsers";
-import Spinner from "@/components/Spinner";
-
-const generateDates = (startDate: string, days: number): string[] => {
- const dates = [];
- const start = new Date(startDate);
-
- for (let i = 0; i < days; i++) {
- const currentDate = new Date(start);
- currentDate.setDate(start.getDate() + i);
- dates.push(currentDate.toISOString().split('T')[0]);
- }
-
- return dates;
-};
-
-
-const fillCalendar = (schedules: ScheduleType[]): FilledScheduleType[] => {
- /*
-Array(14)
- 0:
- date: "2025-05-05"
- id: 2
- is_skipped: false
- scheduled_user_dishes: []
- */
-
- const dates = generateDates((new Date()).toISOString().split('T')[0], 31)
-
- return dates.map((date): FilledScheduleType => {
- console.log(date)
-
- const schedule = schedules.find((schedule: ScheduleType) => schedule.date == date)
-
- if (schedule) {
- return schedule
- }
-
- return {
- date,
- scheduled_user_dishes: []
- }
- })
-}
-
-interface Props {
- schedule: ScheduleType[];
-}
-
-const ScheduleCalendar = ({ schedule }: Props) => {
- const {users, isLoading: areUsersLoading} = useFetchUsers();
-
- if (areUsersLoading) return
- { fullCalendar.map((schedule, index) => (
-
- )
-}
-
-export default ScheduleCalendar
\ No newline at end of file
diff --git a/frontend-old/app/components/features/schedule/ScheduleEditForm.tsx b/frontend-old/app/components/features/schedule/ScheduleEditForm.tsx
deleted file mode 100644
index df5db7b..0000000
--- a/frontend-old/app/components/features/schedule/ScheduleEditForm.tsx
+++ /dev/null
@@ -1,142 +0,0 @@
-"use client";
-
-import React, { useEffect, useState } from "react";
-import { ScheduleType } from "@/types/ScheduleType";
-import Spinner from "@/components/Spinner";
-import PageTitle from "@/components/ui/PageTitle";
-import { getScheduleForDate, scheduleUserDish, updateScheduleForDate } from "@/utils/api/scheduleApi";
-import { UserDishType } from "@/types/ScheduledUserDishType";
-import Label from "@/components/ui/Label";
-import SectionTitle from "@/components/ui/SectionTitle";
-import { useFetchUsers } from "@/hooks/useFetchUsers";
-import { listUserDishes } from "@/utils/api/userDishApi";
-import scheduleBuilder from "@/utils/scheduleBuilder";
-import transformDate from "@/utils/dateBuilder";
-import { ChevronLeftIcon } from "@heroicons/react/16/solid";
-import Hr from "@/components/ui/Hr"
-import Button from "@/components/ui/Button"
-
-interface Props {
- date: string;
-}
-
-const ScheduleEditForm = ({ date }: Props) => {
- const [schedule, setSchedule] = useState
-
- - { - userDishes.length === 0 &&
- -
-}
-
-export default ScheduleEditForm
\ No newline at end of file
diff --git a/frontend-old/app/components/features/schedule/ScheduleRegenerateButton.tsx b/frontend-old/app/components/features/schedule/ScheduleRegenerateButton.tsx
deleted file mode 100644
index 3a27044..0000000
--- a/frontend-old/app/components/features/schedule/ScheduleRegenerateButton.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import { useState} from "react";
-import Modal from "@/components/ui/Modal";
-import ScheduleRegenerateForm from "@/components/features/schedule/ScheduleRegenerateForm";
-import {ArrowPathIcon} from "@heroicons/react/16/solid";
-
-interface ScheduleRegenerateButtonProps {
- onModalClose?: () => void;
-}
-
-const ScheduleRegenerateButton = ({ onModalClose }: ScheduleRegenerateButtonProps) => {
- const [open, setOpen] = useState(false);
-
- const handleCloseModal = () => {
- setOpen(false)
- if (onModalClose) {
- onModalClose()
- }
- }
-
- const modalChildren =
-
-
-
- Edit Day
-
-
- { transformDate(schedule.date) }
-
- - - { - userDishes.length === 0 &&
-
- }
-
- { schedule.is_skipped
- ?
- : (
- <>
- {
- scheduleData
- .map((scheduleData) => No dishes found assigned to this user.
- Go ahead and add some first, or choose to skip the day.
- (dishes ={`>`} edit ={`>`} add user)
-
-
)
- }
-
- )
- }
-
- { scheduleData.user.name }
-
-
-
- Changes are saved automatically
-
- - -
- }>
- Back to schedule
-
-
- {
- schedule.is_skipped
- ?
- :
- }
-
-
-
- return
-
-
-
-
-
- Regenerate Schedule
-
-
-
-
-
-
-
- {
- error && { error }
- }
-
-
-
-
-
-
-
- handleSubmit()}
- className="inline-flex w-full justify-center rounded-md px-3 py-2 text-sm font-semibold shadow-xs sm:ml-3 sm:w-auto"
- >
- Regenerate
-
- close()}
- className="mt-3 inline-flex w-full justify-center rounded-md bg-gray-500 px-3 py-2 text-sm font-semibold text-gray-900 ring-1 shadow-xs border-secondary ring-inset sm:mt-0 sm:w-auto"
- >
- Cancel
-
-
- ;
-};
-
-export default ScheduleRegenerateForm;
\ No newline at end of file
diff --git a/frontend-old/app/components/features/schedule/UpcomingDishes.tsx b/frontend-old/app/components/features/schedule/UpcomingDishes.tsx
deleted file mode 100644
index 99f69d4..0000000
--- a/frontend-old/app/components/features/schedule/UpcomingDishes.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import { useCallback, useEffect, useState } from "react";
-import { DateTime } from "luxon";
-import ScheduleCalendar from "@/components/features/schedule/ScheduleCalendar";
-import PageTitle from "@/components/ui/PageTitle";
-import Spinner from "@/components/Spinner";
-import { ScheduleType } from "@/types/ScheduleType";
-import { listSchedule } from "@/utils/api/scheduleApi";
-import OnboardingBanner from "@/components/features/OnboardingBanner"
-import { useFetchUsers } from "@/hooks/useFetchUsers"
-import { useFetchDishes } from "@/hooks/useFetchDishes"
-import ScheduleRegenerateButton from "@/components/features/schedule/ScheduleRegenerateButton";
-
-const UpcomingDishes = () => {
- const [schedule, setSchedule] = useState
-
- );
-};
-
-export default UpcomingDishes;
\ No newline at end of file
diff --git a/frontend-old/app/components/features/schedule/UserDishEditCard.tsx b/frontend-old/app/components/features/schedule/UserDishEditCard.tsx
deleted file mode 100644
index 653efbd..0000000
--- a/frontend-old/app/components/features/schedule/UserDishEditCard.tsx
+++ /dev/null
@@ -1,79 +0,0 @@
-import {FormEvent, useMemo, useState} from "react";
-import {DishType} from "@/types/DishType";
-import {ScheduledUserDishType} from "@/types/ScheduledUserDishType";
-import {updateScheduledUserDish} from "@/utils/api/scheduledUserDishesApi";
-import Alert from "@/components/ui/Alert";
-import classNames from "classnames";
-
-interface Props {
- scheduledUserDish: ScheduledUserDishType
- allDishes: DishType[]
-}
-
-const UserDishEditCard = ({ scheduledUserDish, allDishes }: Props) => {
- const [selectedUserDishId, setSelectedUserDishId] = useState
-
- {
- !schedule || Object.keys(schedule).length === 0
- ?
- Schedule
-
-
-
- No dishes scheduled
- :
- { errorMessage } }
-
-
-
-
- );
-};
-
-export default UserDishEditCard;
\ No newline at end of file
diff --git a/frontend-old/app/components/features/schedule/dayCard/DateBadge.tsx b/frontend-old/app/components/features/schedule/dayCard/DateBadge.tsx
deleted file mode 100644
index 1338f51..0000000
--- a/frontend-old/app/components/features/schedule/dayCard/DateBadge.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import {DateTime} from "luxon";
-import React from "react";
-import classNames from "classnames";
-
-interface Props {
- date: string
- className?: string;
-}
-
-const DateBadge = ({ className, date }: Props) => {
- const isToday = DateTime.fromISO(date).toFormat("yyyy-LL-dd") == DateTime.now().toFormat("yyyy-LL-dd")
-
- const textStyle = classNames("inline font-bold", {
- 'text-accent-blue': isToday,
- 'text-secondary': !isToday,
- }, className)
-
- return (
- {scheduledUserDish.user_dish.user.name}
-
- { errorMessage !== "" &&
-
-
- )
-}
-
-export default DateBadge
\ No newline at end of file
diff --git a/frontend-old/app/components/features/schedule/dayCard/ScheduleDayCard.tsx b/frontend-old/app/components/features/schedule/dayCard/ScheduleDayCard.tsx
deleted file mode 100644
index 8c6b874..0000000
--- a/frontend-old/app/components/features/schedule/dayCard/ScheduleDayCard.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import React from "react";
-import {UserType} from "~/types/UserType";
-import ScheduleDayCardUserDish from "~/components/features/schedule/dayCard/ScheduleDayCardUserDish";
-import { FilledScheduleType, ScheduleType } from "~/types/ScheduleType";
-import { Link } from "react-router";
-import {PencilSquareIcon} from "@heroicons/react/24/outline";
-import useRoutes from "~/hooks/useRoutes";
-import DateBadge from "~/components/features/schedule/dayCard/DateBadge";
-import { DateTime } from "luxon"
-import classNames from "classnames"
-
-interface Props {
- schedule: ScheduleType|FilledScheduleType;
- users: UserType[];
-}
-
-const ScheduleDayCard = ({schedule, users}: Props) => {
- const routes = useRoutes()
- const isToday = DateTime.fromISO(schedule.date).toFormat("yyyy-LL-dd") == DateTime.now().toFormat("yyyy-LL-dd")
-
- const containerStyles = classNames(
- 'w-full bg-gray-500 pt-5 pb-2 rounded-2xl text-xl', {
- 'border-2 text-accent-blue border-accent-blue': isToday,
- }
- )
-
- return (
- {DateTime.fromISO(date).toFormat("dd")}
- -
{DateTime.fromISO(date).toFormat("LLL")}
-
-
- );
-};
-
-export default ScheduleDayCard;
\ No newline at end of file
diff --git a/frontend-old/app/components/features/schedule/dayCard/ScheduleDayCardUserDish.tsx b/frontend-old/app/components/features/schedule/dayCard/ScheduleDayCardUserDish.tsx
deleted file mode 100644
index 35cf58d..0000000
--- a/frontend-old/app/components/features/schedule/dayCard/ScheduleDayCardUserDish.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import React from "react";
-import { ScheduledUserDishType } from "@/types/ScheduledUserDishType";
-import { UserType } from "@/types/UserType";
-import { FilledScheduleType, ScheduleType } from "@/types/ScheduleType";
-
-interface Props {
- schedule: ScheduleType|FilledScheduleType;
- user: UserType;
-}
-
-const ScheduleDayCardUserDish = ({ schedule, user }: Props) => {
- const getDish = (user: UserType) => {
- const scheduled_dishes = schedule.scheduled_user_dishes.filter((scheduled_user_dish: ScheduledUserDishType) => (
- scheduled_user_dish.user_dish?.user.id == user.id
- ))
-
- if (scheduled_dishes.length > 0) {
- return scheduled_dishes[0].user_dish.dish.name
- }
-
- return '/'
- }
-
- return (
-
- {
- users.map((user) => )
- }
-
-
-
-
-
-
-
- );
-};
-
-export default ScheduleDayCardUserDish;
\ No newline at end of file
diff --git a/frontend-old/app/components/features/users/EditUserForm.tsx b/frontend-old/app/components/features/users/EditUserForm.tsx
deleted file mode 100644
index e26cf58..0000000
--- a/frontend-old/app/components/features/users/EditUserForm.tsx
+++ /dev/null
@@ -1,63 +0,0 @@
-import React, {useState} from "react";
-import { useNavigate } from "react-router";
-import useRoutes from "~/hooks/useRoutes";
-import {updateUser} from "~/utils/api/usersApi";
-import PageTitle from "~/components/ui/PageTitle";
-import { Link } from "react-router";
-import Alert from "~/components/ui/Alert";
-import {UserType} from "~/types/UserType";
-import SolidButton from "~/components/ui/Buttons/SolidButton";
-
-interface Props {
- user: UserType;
-}
-
-const EditUserForm = ({ user }: Props) => {
-
- const [name, setName] = useState{ user.name } :
- { getDish(user) }
-
- Create User
- Back to users
-
-
-
- );
-}
-
-export default EditUserForm;
\ No newline at end of file
diff --git a/frontend-old/app/components/layout/AuthGuard.tsx b/frontend-old/app/components/layout/AuthGuard.tsx
deleted file mode 100644
index 9f6cf29..0000000
--- a/frontend-old/app/components/layout/AuthGuard.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import { useAuth } from '@/context/AuthContext';
-import React, { useEffect } from 'react';
-import { useLocation, useNavigate } from "react-router"
-
-export default function AuthGuard({ children }: { children: React.ReactNode }) {
- const { isAuthenticated } = useAuth();
- const navigate = useNavigate();
- const location = useLocation();
-
- const publicRoutes = ['/login', '/register'];
- const isPublic = publicRoutes.includes(location.pathname);
-
- useEffect(() => {
- // Handle redirects based on auth state
- if (isAuthenticated && isPublic) {
- // Redirect authenticated users away from public pages
- navigate('/', { replace: true });
- } else if (!isAuthenticated && !isPublic) {
- // Redirect unauthenticated users trying to access protected pages
- navigate('/login', { replace: true });
- }
- }, [isAuthenticated, location.pathname, isPublic, navigate]);
-
- // Render children for all routes - redirects will happen via useEffect
- return <>{children};
-}
\ No newline at end of file
diff --git a/frontend-old/app/components/layout/Card.tsx b/frontend-old/app/components/layout/Card.tsx
deleted file mode 100644
index 4491cab..0000000
--- a/frontend-old/app/components/layout/Card.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import React from "react";
-
-interface Props {
- children: React.ReactNode;
-}
-
-const Card = ({ children }: Props) => {
- return (
-
- { children }
-
- )
-}
-
-export default Card
\ No newline at end of file
diff --git a/frontend-old/app/components/layout/NavBar.tsx b/frontend-old/app/components/layout/NavBar.tsx
deleted file mode 100644
index 05d71a9..0000000
--- a/frontend-old/app/components/layout/NavBar.tsx
+++ /dev/null
@@ -1,80 +0,0 @@
-import React, { useState } from "react";
-import { Link, useNavigate } from "react-router";
-import useRoutes from "~/hooks/useRoutes";
-import MobileDropdownMenu from "~/components/features/navbar/MobileDropdownMenu";
-import { useAuth } from "~/context/AuthContext";
-
-const NavBar = () => {
- const [isOpen, setIsOpen] = useState(false);
- const routes = useRoutes();
- const navigate = useNavigate();
- const {isAuthenticated, logout} = useAuth();
-
- const handleLogout = (e: React.MouseEvent) => {
- e.preventDefault();
- logout();
- navigate('/login', { replace: true });
- };
-
- return (
-
- );
-};
-
-export default NavBar;
\ No newline at end of file
diff --git a/frontend-old/app/components/pages/PrivatePage.tsx b/frontend-old/app/components/pages/PrivatePage.tsx
deleted file mode 100644
index 3b08c86..0000000
--- a/frontend-old/app/components/pages/PrivatePage.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-const PrivatePage = () => {
- return (
-
- private
-
- )
-}
-
-export default PrivatePage
\ No newline at end of file
diff --git a/frontend-old/app/components/pages/PublicPage.tsx b/frontend-old/app/components/pages/PublicPage.tsx
deleted file mode 100644
index 8e0f5cb..0000000
--- a/frontend-old/app/components/pages/PublicPage.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Outlet } from "react-router"
-
-const PublicPage = () => {
- return (
-
-
- )
-}
-
-export default PublicPage
\ No newline at end of file
diff --git a/frontend-old/app/components/ui/Alert.tsx b/frontend-old/app/components/ui/Alert.tsx
deleted file mode 100644
index 9f08022..0000000
--- a/frontend-old/app/components/ui/Alert.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import React from "react"
-import classNames from "classnames";
-
-interface Props {
- children: React.ReactNode;
- className?: string;
- type: 'error' | 'warning' | 'info' | 'success';
-}
-
-const Alert = ({ children, className, type }: Props) => {
- let bgColor = 'bg-blue-200'
- let fgColor = 'bg-blue-800'
-
- if (type == 'error') {
- bgColor = 'bg-red-200'
- fgColor = 'bg-red-800'
- } else if (type == 'warning') {
- bgColor = 'bg-orange-200'
- fgColor = 'bg-orange-800'
- } else if (type == 'success') {
- bgColor = 'border-2 border-green-500'
- fgColor = 'text-green-500'
- }
-
- const styles = classNames(fgColor, bgColor, className, 'rounded')
-
- return (
-
- { children}
-
- )
-}
-
-export default Alert
\ No newline at end of file
diff --git a/frontend-old/app/components/ui/Button.tsx b/frontend-old/app/components/ui/Button.tsx
deleted file mode 100644
index 756e6b5..0000000
--- a/frontend-old/app/components/ui/Button.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-import { Link } from "react-router";
-import React from "react";
-import classNames from "classnames";
-
-interface ButtonProps {
- appearance?: 'solid' | 'outline' | 'text';
- children: React.ReactNode;
- className?: string;
- href?: string;
- icon?: React.ReactNode;
- onClick?: () => void;
- disabled?: boolean;
- size?: 'small' | 'medium' | 'large';
- type?: 'button' | 'submit' | 'reset';
- variant?: 'primary' | 'secondary' | 'accent';
-}
-
-const Button = ({ appearance, children, className, disabled, href, icon, onClick,
- size = 'medium', type,
- variant = 'primary'
-}: ButtonProps) => {
- const styles = classNames(
- "flex items-center space-x-1",
- "justify-center font-size-18 py-2 px-4 rounded flex",
- {
- 'border-2 border-primary background-red text-white': variant === 'primary' && appearance === 'solid',
- 'border-2 border-primary text-primary': variant === 'primary' && appearance === 'outline',
- 'text-primary': variant === 'primary' && appearance === 'text',
- 'border-2 border-secondary text-secondary': variant === 'secondary' && appearance === 'outline',
- 'border-2 border-accent-blue text-accent-blue': variant === 'accent' && appearance === 'outline',
- },
- className
- )
-
- const iconClassNames = classNames({
- "h-4 w-4 mr-1": size === "small",
- "h-5 w-5 mr-1": size === "medium",
- "h-7 w-7 mr-2": size === "large",
- });
-
- const iconElement =
- React.isValidElement(icon) &&
- React.cloneElement(icon as React.ReactElement<{ className?: string }>, {
- className: iconClassNames,
- });
-
- if (href !== undefined) {
- return (
-
- { icon && iconElement}
- { children}
-
- )
- }
-
- return
-}
-
-export default Button
\ No newline at end of file
diff --git a/frontend-old/app/components/ui/Buttons/OutlineButton.tsx b/frontend-old/app/components/ui/Buttons/OutlineButton.tsx
deleted file mode 100644
index 5530482..0000000
--- a/frontend-old/app/components/ui/Buttons/OutlineButton.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import React from "react";
-import classNames from "classnames";
-
-interface Props {
- children: React.ReactNode;
- className?: string;
- disabled?: boolean;
- onClick?: () => void;
- size?: "small" | "medium" | "large";
- type: 'submit' | 'button';
-}
-
-const OutlineButton = ({ children, className, disabled = false, onClick, size, type }: Props) => {
- const style = classNames(
- "justify-center border-2 border-accent font-size-18 text-accent-blue py-2 px-4 rounded flex",
- { 'text-xs': size === "small" },
- className
- )
-
- if (onClick === undefined) {
- onClick = () => {
- }
- }
-
- return (
-
- )
-}
-
-export default OutlineButton
\ No newline at end of file
diff --git a/frontend-old/app/components/ui/Buttons/OutlineLinkButton.tsx b/frontend-old/app/components/ui/Buttons/OutlineLinkButton.tsx
deleted file mode 100644
index 6032bc3..0000000
--- a/frontend-old/app/components/ui/Buttons/OutlineLinkButton.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import React from "react";
-import classNames from "classnames";
-import { Link } from "react-router"
-
-interface Props {
- children: React.ReactNode;
- className?: string;
- href: string;
- icon?: React.ReactNode;
- size?: "small" | "medium" | "large";
- variant?: "primary" | "secondary";
-}
-
-const OutlineLinkButton = ({ children, className, href, icon, size = "medium", variant }: Props) => {
- const linkClassNames = classNames(
- "underline font-default pt-3 pb-3 px-4 rounded mb-0 flex",
- {
- 'text-primary border-primary': variant === "primary",
- 'text-secondary border-secondary': variant === "secondary",
- 'text-accent-blue border-accent': !variant || !["primary", "secondary"].includes(variant),
- }, {
- 'text-size-14': size === "small",
- 'font-size-18': !size || size === "medium",
- 'text-2xl': size === "large",
- },
- className,
- )
-
- const iconClassNames = classNames("mt-0.5", {
- "h-4 w-4 mr-1": size === "small",
- "h-5 w-5 mr-1": size === "medium", // Default size
- "h-7 w-7 mr-2": size === "large",
- });
-
- const iconElement =
- React.isValidElement(icon) &&
- React.cloneElement(icon as React.ReactElement<{ className?: string }>, {
- className: iconClassNames,
- });
-
- return (
-
- {iconElement}
- {children}
-
- )
-}
-
-export default OutlineLinkButton
\ No newline at end of file
diff --git a/frontend-old/app/components/ui/Buttons/SolidButton.tsx b/frontend-old/app/components/ui/Buttons/SolidButton.tsx
deleted file mode 100644
index dffc021..0000000
--- a/frontend-old/app/components/ui/Buttons/SolidButton.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import React from "react";
-import classNames from "classnames";
-
-interface Props {
- children: React.ReactNode;
- className?: string;
- disabled?: boolean;
- onClick?: () => void;
- size?: "small" | "medium" | "large";
- type: 'submit' | 'button';
-}
-
-const SolidButton = ({ children, className, disabled = false, onClick, size, type }: Props) => {
- const style = classNames(
- "py-2 px-4 bg-primary text-white text-xl p-2 rounded hover:bg-secondary mb-0",
- {
- 'text-xs': size === "small",
- 'font-size-18': !size || size === "medium",
- },
- className
- )
-
- if (onClick === undefined) {
- onClick = () => {
- }
- }
-
- return (
-
- )
-}
-
-export default SolidButton
\ No newline at end of file
diff --git a/frontend-old/app/components/ui/Buttons/SolidLinkButton.tsx b/frontend-old/app/components/ui/Buttons/SolidLinkButton.tsx
deleted file mode 100644
index ce4929c..0000000
--- a/frontend-old/app/components/ui/Buttons/SolidLinkButton.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import React from "react";
-import classNames from "classnames";
-import { Link } from "react-router"
-
-interface Props {
- children: React.ReactNode;
- className?: string;
- href: string;
- icon?: React.ReactNode;
- size?: "small" | "medium" | "large";
- variant?: "primary" | "secondary";
-}
-
-const SolidLinkButton = ({ children, className, href, icon, size = "medium", variant }: Props) => {
- const style = classNames(
- "py-2 px-4 text-xl p-2 rounded hover:bg-secondary mb-0 text-center flex",
- {
- 'background-red text-white': variant === "primary",
- 'background-secondary border-2 border-secondary': variant === "secondary",
- },
- className
- )
-
- const iconClassNames = classNames("mt-1", {
- "h-4 w-4 mr-1": size === "small",
- "h-5 w-5 mr-1": size === "medium", // Default size
- "h-7 w-7 mr-2": size === "large",
- });
-
- const iconElement =
- React.isValidElement(icon) &&
- React.cloneElement(icon as React.ReactElement<{ className?: string }>, {
- className: iconClassNames,
- });
-
- return (
-
-
- {iconElement}
- {children}
-
-
- )
-}
-
-export default SolidLinkButton
\ No newline at end of file
diff --git a/frontend-old/app/components/ui/Description.tsx b/frontend-old/app/components/ui/Description.tsx
deleted file mode 100644
index 8b429c0..0000000
--- a/frontend-old/app/components/ui/Description.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import classNames from "classnames";
-import React from "react";
-
-interface Props {
- children: React.ReactNode;
- className?: string;
-}
-
-const Description = ({ children, className }: Props) => {
- const style = classNames("italic font-size-16",
- className
- )
-
- return { children }
-} - -export default Description \ No newline at end of file diff --git a/frontend-old/app/components/ui/Hr.tsx b/frontend-old/app/components/ui/Hr.tsx deleted file mode 100644 index f1eee60..0000000 --- a/frontend-old/app/components/ui/Hr.tsx +++ /dev/null @@ -1,13 +0,0 @@ -import classNames from "classnames" - -interface HrProps { - className?: string; -} - -const Hr = ({ className }: HrProps) => { - const styles = classNames("my-4 border-secondary", className) - - return-} - -export default Hr \ No newline at end of file diff --git a/frontend-old/app/components/ui/Label.tsx b/frontend-old/app/components/ui/Label.tsx deleted file mode 100644 index a62d4e7..0000000 --- a/frontend-old/app/components/ui/Label.tsx +++ /dev/null @@ -1,25 +0,0 @@ -import React from "react"; - -interface LabelProps { - href?: string; - children: React.ReactNode; - onClick?: () => void; -} - -const Label = ({ href, children, onClick }: LabelProps) => { - const styles = "items-center space-x-1 background-accent p-2 rounded" - - if (href !== undefined) { - return ( -
- { children}
-
- )
- }
-
- return
-}
-
-export default Label
\ No newline at end of file
diff --git a/frontend-old/app/components/ui/Modal.tsx b/frontend-old/app/components/ui/Modal.tsx
deleted file mode 100644
index e60fdb5..0000000
--- a/frontend-old/app/components/ui/Modal.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import { type JSX } from "react";
-import classNames from "classnames";
-import Button from "@/components/ui/Button"
-
-interface ModalProps {
- buttonChildren?: JSX.Element;
- buttonClassName?: string;
- buttonLabel?: string;
- modalChildren: JSX.Element;
- modalOpen?: boolean;
- setModalOpen: (open: boolean) => void;
-}
-
-const Modal = ({
- buttonLabel,
- buttonClassName,
- modalChildren,
- modalOpen,
- buttonChildren,
- setModalOpen,
-}: ModalProps) => {
- const buttonStyles = classNames(buttonClassName, 'anta-regular');
-
- const closeModal = () => {
- setModalOpen(false)
- }
-
- return (
- <>
-
-
- {/**/}
-
- )
-}
-
-export default Modal;
\ No newline at end of file
diff --git a/frontend-old/app/components/ui/PageTitle.tsx b/frontend-old/app/components/ui/PageTitle.tsx
deleted file mode 100644
index 569b2f3..0000000
--- a/frontend-old/app/components/ui/PageTitle.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import classNames from "classnames";
-
-interface Props {
- children: string,
- className?: string,
-}
-
-const PageTitle = ({ children, className }: Props) => {
- const styles = classNames(
- 'ml-4 text-2xl font-default uppercase w-full text-accent-blue font-bold',
- className,
- )
-
- return { children }
-} - -export default PageTitle \ No newline at end of file diff --git a/frontend-old/app/components/ui/RecurrenceInput.tsx b/frontend-old/app/components/ui/RecurrenceInput.tsx deleted file mode 100644 index 0d82560..0000000 --- a/frontend-old/app/components/ui/RecurrenceInput.tsx +++ /dev/null @@ -1,65 +0,0 @@ -import React, {useState} from "react"; - -interface Props { - value: number; - setValue: (value: number) => void; -} - -const RecurrenceInput = ({ value, setValue}: Props) => { - const [openInput, setOpenInput] = useState<'category' | 'number'>([7, 365].includes(value) ? 'category' : 'number') - - const toggleInput = (e: React.MouseEvent
-
- )
-}
-
-export default RecurrenceInput
\ No newline at end of file
diff --git a/frontend-old/app/components/ui/SectionTitle.tsx b/frontend-old/app/components/ui/SectionTitle.tsx
deleted file mode 100644
index 93d13c4..0000000
--- a/frontend-old/app/components/ui/SectionTitle.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import classNames from "classnames";
-
-interface Props {
- children: string;
- className?: string;
-}
-
-const SectionTitle = ({ children, className }: Props) => {
- const style = classNames("block font-size-18 uppercase w-full pl-2 text-accent-blue",
- className
- )
-
- return
-
-
- { toggleButton() }
-
-
-
-
- prepareValue(e.target.value)}
- className="p-2 border rounded w-full bg-gray-500 border-secondary"
- />
- { toggleButton() }
-
- { children }
-} - -export default SectionTitle \ No newline at end of file diff --git a/frontend-old/app/components/ui/Toggle.tsx b/frontend-old/app/components/ui/Toggle.tsx deleted file mode 100644 index 0d6b9e9..0000000 --- a/frontend-old/app/components/ui/Toggle.tsx +++ /dev/null @@ -1,41 +0,0 @@ - -interface ToggleProps { - checked: boolean; - onChange: (checked: boolean) => void; -} - -const Toggle = ({ checked, onChange }: ToggleProps) => { - const handleChange = () => { - onChange(checked); - } - - return ( - - ); -}; - -export default Toggle; \ No newline at end of file diff --git a/frontend-old/app/context/AuthContext.tsx b/frontend-old/app/context/AuthContext.tsx deleted file mode 100644 index 1cd3db1..0000000 --- a/frontend-old/app/context/AuthContext.tsx +++ /dev/null @@ -1,41 +0,0 @@ -import React, { createContext, useContext, useEffect, useState } from 'react'; - -interface AuthContextProps { - isAuthenticated: boolean; - login: () => void; - logout: () => void; -} - -const AuthContext = createContext{ children }
-
-
- -
- );
-}
diff --git a/frontend-old/app/routes/dishes.create.tsx b/frontend-old/app/routes/dishes.create.tsx
deleted file mode 100644
index a43e88d..0000000
--- a/frontend-old/app/routes/dishes.create.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import type { Route } from "./+types/dishes.create";
-import CreateDishForm from "~/components/features/dishes/CreateDishForm";
-
-export function meta({}: Route.MetaArgs) {
- return [
- { title: "Dish Planner - Create Dish" },
- { name: "description", content: "Create a new dish" },
- ];
-}
-
-export default function CreateDishPage() {
- return
- Edit Dish
-
-
-
-
- BACK
-- -
Loading...
; - - if (!dishes) { - returnLoading...
; - } - - return ( - <> -
-
-
- {dishes.length === 0 ? (
-
- Dishes
-
-
- }
- size="small"
- variant="primary"
- appearance="text"
- >
- Add Dish
-
-
- No dishes found :(
- ) : ( - dishes.map((dish: DishType, index: number) => ( -
- Create User
-
- Back to users
-
-
-
-
- );
-};
-
-export default CreateUsersPage;
diff --git a/frontend-old/app/routes/users.tsx b/frontend-old/app/routes/users.tsx
deleted file mode 100644
index a8a6039..0000000
--- a/frontend-old/app/routes/users.tsx
+++ /dev/null
@@ -1,77 +0,0 @@
-import type { Route } from "./+types/users";
-import PageTitle from "~/components/ui/PageTitle";
-import { useFetchUsers } from "~/hooks/useFetchUsers";
-import Spinner from "~/components/Spinner";
-import useRoutes from "~/hooks/useRoutes";
-import { Link } from "react-router";
-import { PencilIcon, PlusIcon, TrashIcon } from "@heroicons/react/24/solid";
-import React from "react";
-import { deleteUser } from "~/utils/api/usersApi";
-import { UserType } from "~/types/UserType";
-import Card from "~/components/layout/Card";
-import OutlineLinkButton from "~/components/ui/Buttons/OutlineLinkButton";
-
-export function meta({}: Route.MetaArgs) {
- return [
- { title: "Dish Planner - Users" },
- { name: "description", content: "Manage your users" },
- ];
-}
-
-const UsersPage = () => {
- const { users, isLoading } = useFetchUsers();
- const routes = useRoutes();
-
- const handleDelete = (user: UserType) => {
- deleteUser(user).then(() => window.location.reload());
- };
-
- if (isLoading) {
- return {user.name}
-
-
-
-
-
-
-
-
-
- handleDelete(user)}>
-
-
-
-
-
-
- );
-};
-
-export default UsersPage;
diff --git a/frontend-old/app/styles/base/globals.css b/frontend-old/app/styles/base/globals.css
deleted file mode 100644
index 918cbfb..0000000
--- a/frontend-old/app/styles/base/globals.css
+++ /dev/null
@@ -1,19 +0,0 @@
-html, body {
- margin: 0;
- padding: 0;
- width: 100%;
- overflow-x: hidden;
-}
-
-body {
- font-family: Arial, Helvetica, sans-serif;
-}
-
-
-.toggle-input:checked {
- background-color: #22c55e; /* bg-green-500 */
-}
-
-.toggle-input:checked ~ span:last-child {
- --tw-translate-x: 1.75rem; /* translate-x-7 */
-}
\ No newline at end of file
diff --git a/frontend-old/app/styles/components/buttons.css b/frontend-old/app/styles/components/buttons.css
deleted file mode 100644
index 07fc4de..0000000
--- a/frontend-old/app/styles/components/buttons.css
+++ /dev/null
@@ -1,42 +0,0 @@
-.button-primary-solid {
- background-color: var(--color-primary);
- color: var(--color-secondary-200);
- border: 1px solid var(--color-primary);
- text-transform: uppercase;
- font-family: "Anta", serif;
- font-style: normal;
- font-size: 1.1rem;
- font-weight: 600;
- padding: 4px 16px 2px 16px;
-}
-.button-primary-outline {
- background-color: var(--color-background);
- color: var(--color-primary);
- border: 1px solid var(--color-primary);
- text-transform: uppercase;
- font-family: "Anta", serif;
- font-style: normal;
- font-size: 1.1rem;
- font-weight: 600;
- padding: 4px 16px 2px 16px;
-}
-
-.button-secondary-solid {
- background-color: var(--color-secondary);
- color: var(--color-primary);
- border: 1px solid var(--color-secondary);
-}
-
-.button-accent-solid {
- background-color: var(--color-accent-blue);
- color: var(--color-secondary-900);
- border: 1px solid var(--color-accent-blue);
-}
-.button-accent-outline {
- background-color: var(--color-background);
- color: var(--color-accent-blue);
- border: 1px solid var(--color-accent-blue);
-}
-.button-accent-outline:hover {
- background-color: var(--color-background-400);
-}
\ No newline at end of file
diff --git a/frontend-old/app/styles/components/select.css b/frontend-old/app/styles/components/select.css
deleted file mode 100644
index e69de29..0000000
diff --git a/frontend-old/app/styles/main.css b/frontend-old/app/styles/main.css
deleted file mode 100644
index 83d03cc..0000000
--- a/frontend-old/app/styles/main.css
+++ /dev/null
@@ -1,6 +0,0 @@
-@import "./theme/borders.css";
-@import "./theme/fonts.css";
-@import "./components/buttons.css";
-
-@import "./base/globals.css";
-@import "./theme/colors.css";
diff --git a/frontend-old/app/styles/theme/borders.css b/frontend-old/app/styles/theme/borders.css
deleted file mode 100644
index b4ed5db..0000000
--- a/frontend-old/app/styles/theme/borders.css
+++ /dev/null
@@ -1,14 +0,0 @@
-.border-primary {
- border-color: var(--color-primary);
-}
-
-.border-secondary {
- border-color: var(--color-secondary);
-}
-
-.border-accent-blue {
- border-color: var(--color-accent-blue);
-}
-.border-accent-800 {
- border-color: var(--color-accent-blue-800);
-}
\ No newline at end of file
diff --git a/frontend-old/app/styles/theme/colors.css b/frontend-old/app/styles/theme/colors.css
deleted file mode 100644
index f283897..0000000
--- a/frontend-old/app/styles/theme/colors.css
+++ /dev/null
@@ -1,10 +0,0 @@
-@import './colors/root.css';
-@import './colors/background.css';
-@import './colors/border.css';
-@import './colors/text.css';
-
-body {
- color: var(--color-secondary) !important;
- background: var(--color-gray-600) !important;
-}
-
diff --git a/frontend-old/app/styles/theme/colors/background.css b/frontend-old/app/styles/theme/colors/background.css
deleted file mode 100644
index e8548f5..0000000
--- a/frontend-old/app/styles/theme/colors/background.css
+++ /dev/null
@@ -1,226 +0,0 @@
-.bg-gray-100 {
- background-color: var(--color-gray-100) !important;
-}
-.bg-gray-200 {
- background-color: var(--color-gray-200) !important;
-}
-.bg-gray-300 {
- background-color: var(--color-gray-300) !important;
-}
-.bg-gray-400 {
- background-color: var(--color-gray-400) !important;
-}
-.bg-gray-500 {
- background-color: var(--color-gray-500) !important;
-}
-.bg-gray-600 {
- background-color: var(--color-gray-600) !important;
-}
-.bg-gray-700 {
- background-color: var(--color-gray-700) !important;
-}
-.bg-gray-800 {
- background-color: var(--color-gray-800) !important;
-}
-.bg-gray-900 {
- background-color: var(--color-gray-900) !important;
-}
-
-
-.bg-primary {
- background-color: var(--color-primary) !important;
-}
-
-
-.bg-accent-blue {
- background-color: var(--color-accent-blue-500) !important;
-}
-.bg-accent-blue-100 {
- background-color: var(--color-accent-blue-100) !important;
-}
-.bg-accent-blue-200 {
- background-color: var(--color-accent-blue-200) !important;
-}
-.bg-accent-blue-300 {
- background-color: var(--color-accent-blue-300) !important;
-}
-.bg-accent-blue-400 {
- background-color: var(--color-accent-blue-400) !important;
-}
-.bg-accent-blue-500 {
- background-color: var(--color-accent-blue-500) !important;
-}
-.bg-accent-blue-600 {
- background-color: var(--color-accent-blue-600) !important;
-}
-.bg-accent-blue-700 {
- background-color: var(--color-accent-blue-700) !important;
-}
-.bg-accent-blue-800 {
- background-color: var(--color-accent-blue-800) !important;
-}
-.bg-accent-blue-900 {
- background-color: var(--color-accent-blue-900) !important;
-}
-
-
-.bg-accent-yellow {
- background-color: var(--color-accent-yellow) !important;
-}
-
-.bg-accent-yellow-100 {
- background-color: var(--color-accent-yellow-100) !important;
-}
-
-.bg-accent-yellow-200 {
- background-color: var(--color-accent-yellow-200) !important;
-}
-
-.bg-accent-yellow-300 {
- background-color: var(--color-accent-yellow-300) !important;
-}
-
-.bg-accent-yellow-400 {
- background-color: var(--color-accent-yellow-400) !important;
-}
-
-.bg-accent-yellow-500 {
- background-color: var(--color-accent-yellow-500) !important;
-}
-
-.bg-accent-yellow-600 {
- background-color: var(--color-accent-yellow-600) !important;
-}
-
-.bg-accent-yellow-700 {
- background-color: var(--color-accent-yellow-700) !important;
-}
-
-.bg-accent-yellow-800 {
- background-color: var(--color-accent-yellow-800) !important;
-}
-
-.bg-accent-yellow-900 {
- background-color: var(--color-accent-yellow-900) !important;
-}
-
-
-.bg-success {
- background-color: var(--color-success) !important;
-}
-
-.bg-success-100 {
- background-color: var(--color-success-100) !important;
-}
-
-.bg-success-200 {
- background-color: var(--color-success-200) !important;
-}
-
-.bg-success-300 {
- background-color: var(--color-success-300) !important;
-}
-
-.bg-success-400 {
- background-color: var(--color-success-400) !important;
-}
-
-.bg-success-500 {
- background-color: var(--color-success-500) !important;
-}
-
-.bg-success-600 {
- background-color: var(--color-success-600) !important;
-}
-
-.bg-success-700 {
- background-color: var(--color-success-700) !important;
-}
-
-.bg-success-800 {
- background-color: var(--color-success-800) !important;
-}
-
-.bg-success-900 {
- background-color: var(--color-success-900) !important;
-}
-
-.bg-warning {
- background-color: var(--color-warning) !important;
-}
-
-.bg-warning-100 {
- background-color: var(--color-warning-100) !important;
-}
-
-.bg-warning-200 {
- background-color: var(--color-warning-200) !important;
-}
-
-.bg-warning-300 {
- background-color: var(--color-warning-300) !important;
-}
-
-.bg-warning-400 {
- background-color: var(--color-warning-400) !important;
-}
-
-.bg-warning-500 {
- background-color: var(--color-warning-500) !important;
-}
-
-.bg-warning-600 {
- background-color: var(--color-warning-600) !important;
-}
-
-.bg-warning-700 {
- background-color: var(--color-warning-700) !important;
-}
-
-.bg-warning-800 {
- background-color: var(--color-warning-800) !important;
-}
-
-.bg-warning-900 {
- background-color: var(--color-warning-900) !important;
-}
-
-.bg-danger {
- background-color: var(--color-danger) !important;
-}
-
-.bg-danger-100 {
- background-color: var(--color-danger-100) !important;
-}
-
-.bg-danger-200 {
- background-color: var(--color-danger-200) !important;
-}
-
-.bg-danger-300 {
- background-color: var(--color-danger-300) !important;
-}
-
-.bg-danger-400 {
- background-color: var(--color-danger-400) !important;
-}
-
-.bg-danger-500 {
- background-color: var(--color-danger-500) !important;
-}
-
-.bg-danger-600 {
- background-color: var(--color-danger-600) !important;
-}
-
-.bg-danger-700 {
- background-color: var(--color-danger-700) !important;
-}
-
-.bg-danger-800 {
- background-color: var(--color-danger-800) !important;
-}
-
-.bg-danger-900 {
- background-color: var(--color-danger-900) !important;
-}
\ No newline at end of file
diff --git a/frontend-old/app/styles/theme/colors/border.css b/frontend-old/app/styles/theme/colors/border.css
deleted file mode 100644
index 8975296..0000000
--- a/frontend-old/app/styles/theme/colors/border.css
+++ /dev/null
@@ -1,286 +0,0 @@
-.border-primary {
- border-color: var(--color-primary);
-}
-
-.border-primary-100 {
- border-color: var(--color-primary-100);
-}
-
-.border-primary-200 {
- border-color: var(--color-primary-200);
-}
-
-.border-primary-300 {
- border-color: var(--color-primary-300);
-}
-
-.border-primary-400 {
- border-color: var(--color-primary-400);
-}
-
-.border-primary-500 {
- border-color: var(--color-primary-500);
-}
-
-.border-primary-600 {
- border-color: var(--color-primary-600);
-}
-
-.border-primary-700 {
- border-color: var(--color-primary-700);
-}
-
-.border-primary-800 {
- border-color: var(--color-primary-800);
-}
-
-.border-primary-900 {
- border-color: var(--color-primary-900);
-}
-
-
-.border-secondary {
- border-color: var(--color-secondary);
-}
-
-.border-secondary-100 {
- border-color: var(--color-secondary-100);
-}
-
-.border-secondary-200 {
- border-color: var(--color-secondary-200);
-}
-
-.border-secondary-300 {
- border-color: var(--color-secondary-300);
-}
-
-.border-secondary-400 {
- border-color: var(--color-secondary-400);
-}
-
-.border-secondary-500 {
- border-color: var(--color-secondary-500);
-}
-
-.border-secondary-600 {
- border-color: var(--color-secondary-600);
-}
-
-.border-secondary-700 {
- border-color: var(--color-secondary-700);
-}
-
-.border-secondary-800 {
- border-color: var(--color-secondary-800);
-}
-
-.border-secondary-900 {
- border-color: var(--color-secondary-900);
-}
-
-.border-accent-blue {
- border-color: var(--color-accent-blue);
-}
-
-.border-accent-blue-100 {
- border-color: var(--color-accent-blue-100);
-}
-
-.border-accent-blue-200 {
- border-color: var(--color-accent-blue-200);
-}
-
-.border-accent-blue-300 {
- border-color: var(--color-accent-blue-300);
-}
-
-.border-accent-blue-400 {
- border-color: var(--color-accent-blue-400);
-}
-
-.border-accent-blue-500 {
- border-color: var(--color-accent-blue-500);
-}
-
-.border-accent-blue-600 {
- border-color: var(--color-accent-blue-600);
-}
-
-.border-accent-blue-700 {
- border-color: var(--color-accent-blue-700);
-}
-
-.border-accent-blue-800 {
- border-color: var(--color-accent-blue-800);
-}
-
-.border-accent-blue-900 {
- border-color: var(--color-accent-blue-900);
-}
-
-
-.border-accent-yellow {
- border-color: var(--color-accent-yellow);
-}
-
-.border-accent-yellow-100 {
- border-color: var(--color-accent-yellow-100);
-}
-
-.border-accent-yellow-200 {
- border-color: var(--color-accent-yellow-200);
-}
-
-.border-accent-yellow-300 {
- border-color: var(--color-accent-yellow-300);
-}
-
-.border-accent-yellow-400 {
- border-color: var(--color-accent-yellow-400);
-}
-
-.border-accent-yellow-500 {
- border-color: var(--color-accent-yellow-500);
-}
-
-.border-accent-yellow-600 {
- border-color: var(--color-accent-yellow-600);
-}
-
-.border-accent-yellow-700 {
- border-color: var(--color-accent-yellow-700);
-}
-
-.border-accent-yellow-800 {
- border-color: var(--color-accent-yellow-800);
-}
-
-.border-accent-yellow-900 {
- border-color: var(--color-accent-yellow-900);
-}
-
-
-.border-background {
- border-color: var(--color-background) !important;
-}
-
-.border-danger {
- border-color: var(--color-danger);
-}
-
-.border-danger-100 {
- border-color: var(--color-danger-100);
-}
-
-.border-danger-200 {
- border-color: var(--color-danger-200);
-}
-
-.border-danger-300 {
- border-color: var(--color-danger-300);
-}
-
-.border-danger-400 {
- border-color: var(--color-danger-400);
-}
-
-.border-danger-500 {
- border-color: var(--color-danger-500);
-}
-
-.border-danger-600 {
- border-color: var(--color-danger-600);
-}
-
-.border-danger-700 {
- border-color: var(--color-danger-700);
-}
-
-.border-danger-800 {
- border-color: var(--color-danger-800);
-}
-
-.border-danger-900 {
- border-color: var(--color-danger-900);
-}
-
-.border-success {
- border-color: var(--color-success);
-}
-
-.border-success-100 {
- border-color: var(--color-success-100);
-}
-
-.border-success-200 {
- border-color: var(--color-success-200);
-}
-
-.border-success-300 {
- border-color: var(--color-success-300);
-}
-
-.border-success-400 {
- border-color: var(--color-success-400);
-}
-
-.border-success-500 {
- border-color: var(--color-success-500);
-}
-
-.border-success-600 {
- border-color: var(--color-success-600);
-}
-
-.border-success-700 {
- border-color: var(--color-success-700);
-}
-
-.border-success-800 {
- border-color: var(--color-success-800);
-}
-
-.border-success-900 {
- border-color: var(--color-success-900);
-}
-
-.border-warning {
- border-color: var(--color-warning);
-}
-
-.border-warning-100 {
- border-color: var(--color-warning-100);
-}
-
-.border-warning-200 {
- border-color: var(--color-warning-200);
-}
-
-.border-warning-300 {
- border-color: var(--color-warning-300);
-}
-
-.border-warning-400 {
- border-color: var(--color-warning-400);
-}
-
-.border-warning-500 {
- border-color: var(--color-warning-500);
-}
-
-.border-warning-600 {
- border-color: var(--color-warning-600);
-}
-
-.border-warning-700 {
- border-color: var(--color-warning-700);
-}
-
-.border-warning-800 {
- border-color: var(--color-warning-800);
-}
-
-.border-warning-900 {
- border-color: var(--color-warning-900);
-}
\ No newline at end of file
diff --git a/frontend-old/app/styles/theme/colors/root.css b/frontend-old/app/styles/theme/colors/root.css
deleted file mode 100644
index acffac0..0000000
--- a/frontend-old/app/styles/theme/colors/root.css
+++ /dev/null
@@ -1,193 +0,0 @@
-:root {
- --color-rose-50: #FFF5FC;
- --color-rose-100: #FCE6F5;
- --color-rose-200: #FAC3E7;
- --color-rose-300: #F7A1D5;
- --color-rose-400: #F25EAB;
- --color-rose-500: #ED1F79;
- --color-rose-600: #D61A68;
- --color-rose-700: #B3124F;
- --color-rose-800: #8F0B39;
- --color-rose-900: #6B0626;
- --color-rose-950: #450315;
-
- --color-deluge-50: #FAF7FC;
- --color-deluge-100: #F2EDF7;
- --color-deluge-200: #E2DAF0;
- --color-deluge-300: #CEC3E6;
- --color-deluge-400: #A49BD1;
- --color-deluge-500: #7776BC;
- --color-deluge-600: #6361AB;
- --color-deluge-700: #43428C;
- --color-deluge-800: #2C2B70;
- --color-deluge-900: #191854;
- --color-deluge-950: #0A0A36;
-
- --color-malibu-50: #FAFEFF;
- --color-malibu-100: #F5FDFF;
- --color-malibu-200: #E1F6FC;
- --color-malibu-300: #CDEDFA;
- --color-malibu-400: #ABDEF7;
- --color-malibu-500: #85C7F2;
- --color-malibu-600: #6EACDB;
- --color-malibu-700: #4A81B5;
- --color-malibu-800: #305F91;
- --color-malibu-900: #1B3F6E;
- --color-malibu-950: #0B2247;
-
- --color-gamboge-50: #FFFDF2;
- --color-gamboge-100: #FCF7E3;
- --color-gamboge-200: #FAECBB;
- --color-gamboge-300: #F5DC93;
- --color-gamboge-400: #EDBB47;
- --color-gamboge-500: #E59500;
- --color-gamboge-600: #CF7F00;
- --color-gamboge-700: #AB6100;
- --color-gamboge-800: #8A4700;
- --color-gamboge-900: #663000;
- --color-gamboge-950: #421C00;
-
- --color-ebony-clay-100: #9AA2B3; /* Soft slate */
- --color-ebony-clay-200: #7A8093; /* Balanced midtone */
- --color-ebony-clay-300: #5D637A; /* Former 400 */
- --color-ebony-clay-400: #444760; /* New shadowed steel */
- --color-ebony-clay-500: #2B2C41;
- --color-ebony-clay-600: #24263C; /* Adjusted — less jumpy */
- --color-ebony-clay-700: #1D1E36; /* Interpolated midpoint */
- --color-ebony-clay-800: #131427; /* Slightly lifted from old 800 */
- --color-ebony-clay-900: #0A0B1C;
- --color-ebony-clay-950: #030412;
-
- --color-alizarin-crimson-50: #FFF5FA;
- --color-alizarin-crimson-100: #FCE6F1;
- --color-alizarin-crimson-200: #FAC3DC;
- --color-alizarin-crimson-300: #F59FC0;
- --color-alizarin-crimson-400: #F05D82;
- --color-alizarin-crimson-500: #E71D36;
- --color-alizarin-crimson-600: #D1192F;
- --color-alizarin-crimson-700: #AD1121;
- --color-alizarin-crimson-800: #8C0B18;
- --color-alizarin-crimson-900: #69060E;
- --color-alizarin-crimson-950: #420308;
-
- --color-spring-green-50: #F5FFFC;
- --color-spring-green-100: #E8FFF9;
- --color-spring-green-200: #C7FFEE;
- --color-spring-green-300: #A4FCDF;
- --color-spring-green-400: #62FCBC;
- --color-spring-green-500: #21FA90;
- --color-spring-green-600: #1BE07A;
- --color-spring-green-700: #13BA5E;
- --color-spring-green-800: #0C9646;
- --color-spring-green-900: #07702D;
- --color-spring-green-950: #03471A;
-
- --color-burning-orange-50: #FFFBF5;
- --color-burning-orange-100: #FFF7EB;
- --color-burning-orange-200: #FFE8CC;
- --color-burning-orange-300: #FFD5AD;
- --color-burning-orange-400: #FFA973;
- --color-burning-orange-500: #FF6B35;
- --color-burning-orange-600: #E65A2C;
- --color-burning-orange-700: #BF441F;
- --color-burning-orange-800: #993114;
- --color-burning-orange-900: #731F0A;
- --color-burning-orange-950: #4A1004;
-
- /* Standard naming */
-
- --color-primary: var(--color-rose-500);
- --color-primary-100: var(--color-rose-100);
- --color-primary-200: var(--color-rose-200);
- --color-primary-300: var(--color-rose-300);
- --color-primary-400: var(--color-rose-400);
- --color-primary-500: var(--color-rose-500);
- --color-primary-600: var(--color-rose-600);
- --color-primary-700: var(--color-rose-700);
- --color-primary-800: var(--color-rose-800);
- --color-primary-900: var(--color-rose-900);
-
- --color-secondary: var(--color-deluge-500);
- --color-secondary-100: var(--color-deluge-100);
- --color-secondary-200: var(--color-deluge-200);
- --color-secondary-300: var(--color-deluge-300);
- --color-secondary-400: var(--color-deluge-400);
- --color-secondary-500: var(--color-deluge-500);
- --color-secondary-600: var(--color-deluge-600);
- --color-secondary-700: var(--color-deluge-700);
- --color-secondary-800: var(--color-deluge-800);
- --color-secondary-900: var(--color-deluge-900);
-
- --color-accent-blue: var(--color-malibu-500);
- --color-accent-blue-100: var(--color-malibu-100);
- --color-accent-blue-200: var(--color-malibu-200);
- --color-accent-blue-300: var(--color-malibu-300);
- --color-accent-blue-400: var(--color-malibu-400);
- --color-accent-blue-500: var(--color-malibu-500);
- --color-accent-blue-600: var(--color-malibu-600);
- --color-accent-blue-700: var(--color-malibu-700);
- --color-accent-blue-800: var(--color-malibu-800);
- --color-accent-blue-900: var(--color-malibu-900);
-
- --color-accent-yellow: var(--color-gamboge-500);
- --color-accent-yellow-50: var(--color-gamboge-50);
- --color-accent-yellow-100: var(--color-gamboge-100);
- --color-accent-yellow-200: var(--color-gamboge-200);
- --color-accent-yellow-300: var(--color-gamboge-300);
- --color-accent-yellow-400: var(--color-gamboge-400);
- --color-accent-yellow-500: var(--color-gamboge-500);
- --color-accent-yellow-600: var(--color-gamboge-600);
- --color-accent-yellow-700: var(--color-gamboge-700);
- --color-accent-yellow-800: var(--color-gamboge-800);
- --color-accent-yellow-900: var(--color-gamboge-900);
- --color-accent-yellow-950: var(--color-gamboge-950);
-
- --color-gray-100: var(--color-ebony-clay-100);
- --color-gray-200: var(--color-ebony-clay-200);
- --color-gray-300: var(--color-ebony-clay-300);
- --color-gray-400: var(--color-ebony-clay-400);
- --color-gray-500: var(--color-ebony-clay-500);
- --color-gray-600: var(--color-ebony-clay-600);
- --color-gray-700: var(--color-ebony-clay-700);
- --color-gray-800: var(--color-ebony-clay-800);
- --color-gray-900: var(--color-ebony-clay-900);
-
- --color-danger: var(--color-alizarin-crimson-500);
- --color-danger-50: var(--color-alizarin-crimson-50);
- --color-danger-100: var(--color-alizarin-crimson-100);
- --color-danger-200: var(--color-alizarin-crimson-200);
- --color-danger-300: var(--color-alizarin-crimson-300);
- --color-danger-400: var(--color-alizarin-crimson-400);
- --color-danger-500: var(--color-alizarin-crimson-500);
- --color-danger-600: var(--color-alizarin-crimson-600);
- --color-danger-700: var(--color-alizarin-crimson-700);
- --color-danger-800: var(--color-alizarin-crimson-800);
- --color-danger-900: var(--color-alizarin-crimson-900);
- --color-danger-950: var(--color-alizarin-crimson-950);
-
- --color-success: var(--color-spring-green-500);
- --color-success-50: var(--color-spring-green-50);
- --color-success-100: var(--color-spring-green-100);
- --color-success-200: var(--color-spring-green-200);
- --color-success-300: var(--color-spring-green-300);
- --color-success-400: var(--color-spring-green-400);
- --color-success-500: var(--color-spring-green-500);
- --color-success-600: var(--color-spring-green-600);
- --color-success-700: var(--color-spring-green-700);
- --color-success-800: var(--color-spring-green-800);
- --color-success-900: var(--color-spring-green-900);
- --color-success-950: var(--color-spring-green-950);
-
- --color-warning: var(--color-burning-orange-500);
- --color-warning-50: var(--color-burning-orange-50);
- --color-warning-100: var(--color-burning-orange-100);
- --color-warning-200: var(--color-burning-orange-200);
- --color-warning-300: var(--color-burning-orange-300);
- --color-warning-400: var(--color-burning-orange-400);
- --color-warning-500: var(--color-burning-orange-500);
- --color-warning-600: var(--color-burning-orange-600);
- --color-warning-700: var(--color-burning-orange-700);
- --color-warning-800: var(--color-burning-orange-800);
- --color-warning-900: var(--color-burning-orange-900);
- --color-warning-950: var(--color-burning-orange-950);
-}
diff --git a/frontend-old/app/styles/theme/colors/text.css b/frontend-old/app/styles/theme/colors/text.css
deleted file mode 100644
index ca38334..0000000
--- a/frontend-old/app/styles/theme/colors/text.css
+++ /dev/null
@@ -1,216 +0,0 @@
-.text-primary {
- color: var(--color-primary);
-}
-.text-primary-100 {
- color: var(--color-primary-100);
-}
-.text-primary-200 {
- color: var(--color-primary-200);
-}
-.text-primary-300 {
- color: var(--color-primary-300);
-}
-.text-primary-400 {
- color: var(--color-primary-400);
-}
-.text-primary-500 {
- color: var(--color-primary-500);
-}
-.text-primary-600 {
- color: var(--color-primary-600);
-}
-.text-primary-700 {
- color: var(--color-primary-700);
-}
-.text-primary-800 {
- color: var(--color-primary-800);
-}
-.text-primary-900 {
- color: var(--color-primary-900);
-}
-
-.text-secondary {
- color: var(--color-secondary) !important;
-}
-.text-secondary-100 {
- color: var(--color-secondary-100);
-}
-.text-secondary-200 {
- color: var(--color-secondary-200);
-}
-.text-secondary-300 {
- color: var(--color-secondary-300);
-}
-.text-secondary-400 {
- color: var(--color-secondary-400);
-}
-.text-secondary-500 {
- color: var(--color-secondary-500);
-}
-.text-secondary-600 {
- color: var(--color-secondary-600);
-}
-.text-secondary-700 {
- color: var(--color-secondary-700);
-}
-.text-secondary-800 {
- color: var(--color-secondary-800);
-}
-.text-secondary-900 {
- color: var(--color-secondary-900);
-}
-
-.text-accent-blue {
- color: var(--color-accent-blue);
-}
-.text-accent-blue-100 {
- color: var(--color-accent-blue-100);
-}
-.text-accent-blue-200 {
- color: var(--color-accent-blue-200);
-}
-.text-accent-blue-300 {
- color: var(--color-accent-blue-300);
-}
-.text-accent-blue-400 {
- color: var(--color-accent-blue-400);
-}
-.text-accent-blue-500 {
- color: var(--color-accent-blue-500);
-}
-.text-accent-blue-600 {
- color: var(--color-accent-blue-600);
-}
-.text-accent-blue-700 {
- color: var(--color-accent-blue-700);
-}
-.text-accent-blue-800 {
- color: var(--color-accent-blue-800);
-}
-.text-accent-blue-900 {
- color: var(--color-accent-blue-900);
-}
-
-.text-accent-yellow {
- color: var(--color-accent-yellow);
-}
-.text-accent-yellow-100 {
- color: var(--color-accent-yellow-100);
-}
-.text-accent-yellow-200 {
- color: var(--color-accent-yellow-200);
-}
-.text-accent-yellow-300 {
- color: var(--color-accent-yellow-300);
-}
-.text-accent-yellow-400 {
- color: var(--color-accent-yellow-400);
-}
-.text-accent-yellow-500 {
- color: var(--color-accent-yellow-500);
-}
-.text-accent-yellow-600 {
- color: var(--color-accent-yellow-600);
-}
-.text-accent-yellow-700 {
- color: var(--color-accent-yellow-700);
-}
-.text-accent-yellow-800 {
- color: var(--color-accent-yellow-800);
-}
-.text-accent-yellow-900 {
- color: var(--color-accent-yellow-900);
-}
-
-.text-danger {
- color: var(--color-danger);
-}
-.text-danger-100 {
- color: var(--color-danger-100);
-}
-.text-danger-200 {
- color: var(--color-danger-200);
-}
-.text-danger-300 {
- color: var(--color-danger-300);
-}
-.text-danger-400 {
- color: var(--color-danger-400);
-}
-.text-danger-500 {
- color: var(--color-danger-500);
-}
-.text-danger-600 {
- color: var(--color-danger-600);
-}
-.text-danger-700 {
- color: var(--color-danger-700);
-}
-.text-danger-800 {
- color: var(--color-danger-800);
-}
-.text-danger-900 {
- color: var(--color-danger-900);
-}
-
-.text-warning {
- color: var(--color-warning);
-}
-.text-warning-100 {
- color: var(--color-warning-100);
-}
-.text-warning-200 {
- color: var(--color-warning-200);
-}
-.text-warning-300 {
- color: var(--color-warning-300);
-}
-.text-warning-400 {
- color: var(--color-warning-400);
-}
-.text-warning-500 {
- color: var(--color-warning-500);
-}
-.text-warning-600 {
- color: var(--color-warning-600);
-}
-.text-warning-700 {
- color: var(--color-warning-700);
-}
-.text-warning-800 {
- color: var(--color-warning-800);
-}
-.text-warning-900 {
- color: var(--color-warning-900);
-}
-
-.text-success {
- color: var(--color-success);
-}
-.text-success-100 {
- color: var(--color-success-100);
-}
-.text-success-200 {
- color: var(--color-success-200);
-}
-.text-success-300 {
- color: var(--color-success-300);
-}
-.text-success-400 {
- color: var(--color-success-400);
-}
-.text-success-500 {
- color: var(--color-success-500);
-}
-.text-success-600 {
- color: var(--color-success-600);
-}
-.text-success-700 {
- color: var(--color-success-700);
-}
-.text-success-800 {
- color: var(--color-success-800);
-}
-.text-success-900 {
- color: var(--color-success-900);
-}
\ No newline at end of file
diff --git a/frontend-old/app/styles/theme/fonts.css b/frontend-old/app/styles/theme/fonts.css
deleted file mode 100644
index eed2248..0000000
--- a/frontend-old/app/styles/theme/fonts.css
+++ /dev/null
@@ -1,93 +0,0 @@
-
-/* Global font settings */
-
-/* Set Space Grotesk as the default font */
-body {
- font-family: system-ui, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
- font-size: 14px;
- line-height: 1.6;
- color: #333;
-}
-
-/* Use Anta for headings */
-h1, h2, h3 {
- font-family: 'Syncopate', sans-serif;
- color: #111;
-}
-
-/* Use Space Grotesk for smaller text like paragraphs */
-p {
- font-family: 'Space Grotesk', sans-serif;
-}
-
-
-.font-default {
- font-family: system-ui, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
-}
-
-.font-syncopate {
- font-family: "Syncopate", serif !important;
-}
-
-.font-space-grotesk {
- font-family: 'Space Grotesk', sans-serif;
-}
-
-.font-weight-100 {
- font-weight: 100;
-}
-.font-weight-200 {
- font-weight: 200;
-}
-.font-weight-300 {
- font-weight: 300;
-}
-.font-weight-400 {
- font-weight: 400;
-}
-.font-weight-500 {
- font-weight: 500;
-}
-.font-weight-600 {
- font-weight: 600;
-}
-.font-weight-700 {
- font-weight: 700;
-}
-.font-weight-800 {
- font-weight: 800;
-}
-.font-weight-900 {
- font-weight: 900;
-}
-
-.font-size-12 {
- font-size: 12px !important;
-}
-
-.font-size-14 {
- font-size: 14px !important;
-}
-
-.font-size-16 {
- font-size: 16px !important;
-}
-
-.font-size-18 {
- font-size: 18px !important;
-}
-
-.font-size-20 {
- font-size: 20px !important;
-}
-
-.font-size-24 {
- font-size: 24px !important;
-}
-
-.font-size-32 {
- font-size: 32px !important;
-}
-.font-size-48 {
- font-size: 48px !important;
-}
\ No newline at end of file
diff --git a/frontend-old/app/types/DishType.ts b/frontend-old/app/types/DishType.ts
deleted file mode 100644
index 99bd7f2..0000000
--- a/frontend-old/app/types/DishType.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import type { UserType } from "@/types/UserType";
-
-export type DishType = {
- id: number
- name: string,
- recurrence: number,
- users: UserType[],
-}
-
-export type DishDateType = {
- id: number;
- date: string;
- dish: DishType;
- user: UserType;
-}
-
-export type ScheduledDishesType = {
- date: string;
- dishes: { dish: DishType, user: UserType }[];
-}
diff --git a/frontend-old/app/types/RecurrenceType.ts b/frontend-old/app/types/RecurrenceType.ts
deleted file mode 100644
index 554c777..0000000
--- a/frontend-old/app/types/RecurrenceType.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export type RecurrenceType = {
- type: "App\\Models\\WeeklyRecurrence" | "App\\Models\\MinimumRecurrence";
- value: number;
-}
diff --git a/frontend-old/app/types/ScheduleType.ts b/frontend-old/app/types/ScheduleType.ts
deleted file mode 100644
index e9494af..0000000
--- a/frontend-old/app/types/ScheduleType.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import type { ScheduledUserDishType, UserDishType } from "@/types/ScheduledUserDishType";
-import type { UserType } from "@/types/UserType";
-
-export type ScheduleType = {
- id: number;
- date: string;
- scheduled_user_dishes: ScheduledUserDishType[];
- is_skipped: boolean;
-}
-
-export type FilledScheduleType = {
- id?: number;
- date: string;
- is_skipped?: boolean;
- scheduled_user_dishes: ScheduledUserDishType[];
-}
-
-export type ScheduleDataType = {
- user: UserType;
- scheduled_user_dish: UserDishType | null;
- user_dishes: UserDishType[];
-}
\ No newline at end of file
diff --git a/frontend-old/app/types/ScheduledUserDishType.ts b/frontend-old/app/types/ScheduledUserDishType.ts
deleted file mode 100644
index a853f3c..0000000
--- a/frontend-old/app/types/ScheduledUserDishType.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import type { UserType } from "@/types/UserType";
-import type { DishType } from "@/types/DishType";
-import type { RecurrenceType } from "@/types/RecurrenceType";
-
-export type UserDishType = {
- id: number;
- dish: DishType;
- user: UserType;
- recurrences: RecurrenceType[];
-}
-
-export type ScheduledUserDishType = {
- id: number;
- user_dish: UserDishType;
-}
\ No newline at end of file
diff --git a/frontend-old/app/types/UserDishType.ts b/frontend-old/app/types/UserDishType.ts
deleted file mode 100644
index c4bd896..0000000
--- a/frontend-old/app/types/UserDishType.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import {UserType} from "@/types/UserType";
-import {RecurrenceType} from "@/types/RecurrenceType";
-
-export type DishType = {
- user: UserType;
- dish: DishType;
- recurrences: RecurrenceType[];
-}
\ No newline at end of file
diff --git a/frontend-old/app/types/UserDishWithoutUserType.ts b/frontend-old/app/types/UserDishWithoutUserType.ts
deleted file mode 100644
index d41a7d9..0000000
--- a/frontend-old/app/types/UserDishWithoutUserType.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import type { DishType } from "@/types/DishType";
-import type { RecurrenceType } from "@/types/RecurrenceType";
-
-export type UserDishWithoutUserType = {
- id: number;
- dish: DishType;
- recurrences: RecurrenceType[];
-}
diff --git a/frontend-old/app/types/UserType.ts b/frontend-old/app/types/UserType.ts
deleted file mode 100644
index 334111a..0000000
--- a/frontend-old/app/types/UserType.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import type { UserDishWithoutUserType } from "@/types/UserDishWithoutUserType";
-
-export type UserType = {
- id: number;
- name: string;
- user_dishes: UserDishWithoutUserType[];
-};
\ No newline at end of file
diff --git a/frontend-old/app/utils/api/apiRequest.ts b/frontend-old/app/utils/api/apiRequest.ts
deleted file mode 100644
index 01acc70..0000000
--- a/frontend-old/app/utils/api/apiRequest.ts
+++ /dev/null
@@ -1,107 +0,0 @@
-export const apiRequest = async (url: string, options: RequestInit = {}) => {
- const token = localStorage.getItem('token');
-
- const allowedRequests = [
- '/api/auth/login',
- '/api/auth/register',
- ]
-
- if (allowedRequests.includes(url)) {
- return publicRequest(url, options)
- }
-
- if (!token) {
- throw new Error('No authentication token found.' + url);
- }
-
- return privateRequest(url, token, options);
-};
-
-export const publicRequest = async (url: string, options: RequestInit = {}) => {
- console.log('→ Sending request', url, options.method);
-
- url = 'http://localhost' + url;
-
- const response = await fetch(url, {
- headers: {
- 'Content-Type': 'application/json',
- ...(options.headers || {}),
- },
- ...options,
- });
-
- if (!response.ok) {
- throw new Error(`HTTP Error: ${response.status} ${response.statusText}`);
- }
-
- return response.json();
-}
-
-export const privateRequest = async (fullUrl: string, token: string, options: RequestInit = {}) => {
- const headers = {
- ...(options.headers || {}),
- Authorization: `Bearer ${token}`,
- };
-
- const url = `${process.env.NEXT_PUBLIC_API_URL}${fullUrl}`;
-
- const response = await fetch(url, { headers, ...options });
-
- // Authentication failure - token invalid - redirect to login
- if (response.status === 401) {
- localStorage.removeItem('token');
- localStorage.removeItem('refreshToken');
-
- window.location.href = '/login';
-
- throw new Error('Unauthorized. Redirecting to login.');
- }
-
- if (!response.ok) {
- throw new Error(`HTTP Error: ${response.status} ${response.statusText}`);
- }
-
- return response.json();
-}
-
-
-// Add shorthand HTTP methods
-apiRequest.get = (url: string, options: RequestInit = {}) => {
- return apiRequest(url, { ...options, method: 'GET' });
-};
-
-apiRequest.post = | undefined>(
- url: string,
- body: TBody,
- options: RequestInit = {},
-) => {
- return apiRequest(url, {
- ...options,
- method: 'POST',
- headers: {
- 'Content-Type': 'application/json',
- ...(options.headers || {}),
- },
- body: body ? JSON.stringify(body) : undefined,
- });
-};
-
-apiRequest.put = | undefined>(
- url: string,
- body: TBody,
- options: RequestInit = {}
-) => {
- return apiRequest(url, {
- ...options,
- method: 'PUT',
- headers: {
- 'Content-Type': 'application/json',
- ...(options.headers || {}),
- },
- body: body ? JSON.stringify(body) : undefined,
- });
-};
-
-apiRequest.delete = (url: string, options: RequestInit = {}) => {
- return apiRequest(url, { ...options, method: 'DELETE' });
-};
\ No newline at end of file
diff --git a/frontend-old/app/utils/api/auth.ts b/frontend-old/app/utils/api/auth.ts
deleted file mode 100644
index f4511aa..0000000
--- a/frontend-old/app/utils/api/auth.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { apiRequest } from '@/utils/api/apiRequest';
-
-export const login = async (email: string, password: string) => {
- const data = await apiRequest.post('/api/auth/login', { email, password });
-
- if (!data.access_token) {
- throw new Error('No access token returned from login.');
- }
-
- localStorage.setItem('token', data.access_token);
-
- return data;
-};
-
-
-export const register = async (name: string, email: string, password: string, passwordConfirmation: string) => {
- const data = await apiRequest.post('/api/auth/register', {
- name,
- email,
- password,
- password_confirmation: passwordConfirmation, // Match the backend's expected parameter
- });
-
- // Store the token (if returned by the backend) similarly to login
- localStorage.setItem('token', data.access_token);
-
- return data;
-};
diff --git a/frontend-old/app/utils/api/dishApi.ts b/frontend-old/app/utils/api/dishApi.ts
deleted file mode 100644
index 8d38dba..0000000
--- a/frontend-old/app/utils/api/dishApi.ts
+++ /dev/null
@@ -1,149 +0,0 @@
-import {DishType} from "@/types/DishType";
-import {apiRequest} from "@/utils/api/apiRequest";
-
-export const listDishes = async (): Promise
-
-
- {users && users.length > 0 ? usersList() :
- Users
-
-
-
-
-
-
- Add User
-No users
}
-
-
-
-
-
- 
- 
-
-
-
-
- Loading...
; - } - - return ( -
- { error }
- }
-
-
- );
-}
\ No newline at end of file
diff --git a/frontend-old/archive/src/app/dishes/[id]/edit/page.tsx b/frontend-old/archive/src/app/dishes/[id]/edit/page.tsx
deleted file mode 100644
index 364f9b1..0000000
--- a/frontend-old/archive/src/app/dishes/[id]/edit/page.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-"use client";
-
-import {use, useCallback, useEffect, useState} from "react";
-import PageTitle from "@/components/ui/PageTitle";
-import EditDishForm from "@/components/features/dishes/EditDishForm";
-import {DishType} from "@/types/DishType";
-import Spinner from "@/components/Spinner";
-import {fetchDish} from "@/utils/api/dishApi";
-import SyncUsersForm from "@/components/features/dishes/SyncUsersForm";
-import {ChevronLeftIcon} from "@heroicons/react/16/solid";
-import useRoutes from "@/hooks/useRoutes";
-import OutlineLinkButton from "@/components/ui/Buttons/OutlineLinkButton";
-import Hr from "@/components/ui/Hr"
-
-export default function EditDishPage({ params }: { params: Promise<{ id: number }> }) {
- const { id } = use(params)
- const [dish, setDish] = useState
- Delete Dish
-
-
- {
- error != '' &&
-
-
- Are you sure you want to delete this dish?
-
-
- name: {name}
- recurrence: {recurrence} - users: {users.map((user) => user.name).join(', ')} -
-
-
- - recurrence: {recurrence} - users: {users.map((user) => user.name).join(', ')} -
- No, take me back
-
-
-
-
-
- -
- );
-}
\ No newline at end of file
diff --git a/frontend-old/archive/src/app/dishes/create/page.tsx b/frontend-old/archive/src/app/dishes/create/page.tsx
deleted file mode 100644
index 156c038..0000000
--- a/frontend-old/archive/src/app/dishes/create/page.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-"use client";
-
-import CreateDishForm from "@/components/features/dishes/CreateDishForm";
-
-export default function CreateDishPage() {
- return
- Edit Dish
-
-
-
-
- BACK
-- -
Loading...
; - - if (! dishes) { - returnLoading...
- } - - return ( - <> -
-
-
- {
- dishes.length === 0
- ?
- Dishes
-
-
- }
- size="small"
- variant="primary"
- appearance="text"
- >
- Add Dish
-
-
- No dishes found :(
- : dishes.map((dish: DishType, index: number) =>{children}
-
-
- );
-}
diff --git a/frontend-old/archive/src/app/page.tsx b/frontend-old/archive/src/app/page.tsx
deleted file mode 100644
index 8c98217..0000000
--- a/frontend-old/archive/src/app/page.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import UpcomingDishes from "@/components/features/schedule/UpcomingDishes";
-export const dynamic = 'force-dynamic';
-
-export default async function FrontPage() {
-
- return (
-
-
- );
-
-}
-
-export default RegistrationPage
\ No newline at end of file
diff --git a/frontend-old/archive/src/app/schedule/[date]/edit/page.tsx b/frontend-old/archive/src/app/schedule/[date]/edit/page.tsx
deleted file mode 100644
index a1d3097..0000000
--- a/frontend-old/archive/src/app/schedule/[date]/edit/page.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-"use client";
-
-import { use } from "react";
-import ScheduleEditForm from "@/components/features/schedule/ScheduleEditForm";
-
-const ScheduleEditPage = ({ params }: { params: Promise<{ date: string }> }) => {
- const { date } = use(params)
-
- return
- Create User
- Back to users
-
-
-
- );
-}
-
-export default CreateUsersPage;
\ No newline at end of file
diff --git a/frontend-old/archive/src/app/users/page.tsx b/frontend-old/archive/src/app/users/page.tsx
deleted file mode 100644
index 0943dd8..0000000
--- a/frontend-old/archive/src/app/users/page.tsx
+++ /dev/null
@@ -1,78 +0,0 @@
-'use client'
-
-import PageTitle from "@/components/ui/PageTitle";
-import {useFetchUsers} from "@/hooks/useFetchUsers";
-import Spinner from "@/components/Spinner";
-import useRoutes from "@/hooks/useRoutes";
-import Link from "next/link";
-import {PencilIcon, PlusIcon, TrashIcon} from "@heroicons/react/24/solid";
-import React from "react";
-import {deleteUser} from "@/utils/api/usersApi";
-import {UserType} from "@/types/UserType";
-import Card from "@/components/layout/Card";
-import OutlineLinkButton from "@/components/ui/Buttons/OutlineLinkButton";
-
-const UsersPage = () => {
- const { users, isLoading } = useFetchUsers();
- const routes = useRoutes();
-
- const handleDelete = (user: UserType) => {
- deleteUser(user)
- .then(() => window.location.reload())
- }
-
- if (isLoading) {
- return
- {user.name}
-
-
-
-
-
-
-
-
-
-
- handleDelete(user)}>
-
-
-
-
-
-
- );
-}
-
-export default UsersPage;
\ No newline at end of file
diff --git a/frontend-old/archive/src/components/Spinner.tsx b/frontend-old/archive/src/components/Spinner.tsx
deleted file mode 100644
index f170616..0000000
--- a/frontend-old/archive/src/components/Spinner.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-const Spinner = () => {
-
- return (
-
-
-
- {
- users && users.length > 0
- ? usersList()
- :
- Users
-
-
-
-
-
-
- Add User
-No users
- }
-
-
-
- )
-
-}
-
-export default Spinner
\ No newline at end of file
diff --git a/frontend-old/archive/src/components/features/OnboardingBanner.tsx b/frontend-old/archive/src/components/features/OnboardingBanner.tsx
deleted file mode 100644
index 9bbc003..0000000
--- a/frontend-old/archive/src/components/features/OnboardingBanner.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import { FC } from "react"
-import Link from "next/link"
-import useRoutes from "@/hooks/useRoutes"
-import { UserType } from "@/types/UserType"
-import { DishType } from "@/types/DishType"
-
-interface Props {
- dishes: DishType[],
- users: UserType[]
-}
-
-const OnboardingBanner: FC
-
- )
-}
-
-export default OnboardingBanner;
\ No newline at end of file
diff --git a/frontend-old/archive/src/components/features/auth/LoginForm.tsx b/frontend-old/archive/src/components/features/auth/LoginForm.tsx
deleted file mode 100644
index 2189c36..0000000
--- a/frontend-old/archive/src/components/features/auth/LoginForm.tsx
+++ /dev/null
@@ -1,96 +0,0 @@
-'use client';
-
-import React, { useEffect, useState } from 'react';
-import { useAuth } from '@/context/AuthContext';
-import { login } from "@/utils/api/auth";
-import { useRouter } from 'next/navigation';
-import Link from "next/link";
-import useRoutes from "@/hooks/useRoutes";
-import SolidButton from "@/components/ui/Buttons/SolidButton";
-import { useSearchParams } from 'next/navigation';
-import Alert from "@/components/ui/Alert";
-
-export default function LoginForm() {
- const { login: authLogin } = useAuth();
- const router = useRouter();
- const routes = useRoutes();
- const [email, setEmail] = useState('');
- const [password, setPassword] = useState('');
- const [error, setError] = useState('');
- const searchParams = useSearchParams();
- const [alertSuccess, setAlertSuccess] = useStateWelcome to DishPlanner
- To get you started, please follow these steps to set up your account. This will ensure a better
- experience.
-
-
- {
- steps.map((step, index) => (
-
- {
- step.count === 0
- ? { step.label }
- :
- ))
- }
- { step.label }
- }
-
- { alertSuccess.length > 0 &&
-
- {alertSuccess.map((msg, index) => (
-
- {msg}
-
-
- ))}
-
- }
-
-
- );
-}
diff --git a/frontend-old/archive/src/components/features/auth/RegistrationForm.tsx b/frontend-old/archive/src/components/features/auth/RegistrationForm.tsx
deleted file mode 100644
index 0738381..0000000
--- a/frontend-old/archive/src/components/features/auth/RegistrationForm.tsx
+++ /dev/null
@@ -1,104 +0,0 @@
-'use client';
-
-import React, { useState } from 'react';
-import { register } from "@/utils/api/auth";
-import { useRouter } from 'next/navigation';
-import useRoutes from "@/hooks/useRoutes";
-import Link from "next/link";
-import SectionTitle from "@/components/ui/SectionTitle";
-import SolidButton from "@/components/ui/Buttons/SolidButton";
-
-export default function LoginForm() {
- const router = useRouter();
- const routes = useRoutes();
- const [name, setName] = useState('');
- const [email, setEmail] = useState('');
- const [password, setPassword] = useState('');
- const [passwordAgain, setPasswordAgain] = useState('');
- const [error, setError] = useState('');
- const [isLoading, setIsLoading] = useState(false);
- const [isRegistered, setIsRegistered] = useState(false);
-
- const handleSubmit = async (e: React.FormEvent) => {
- e.preventDefault();
-
- if (password !== passwordAgain) {
- setError("Passwords do not match.");
- return;
- }
-
- try {
- setIsLoading(true);
-
- await register(name, email, password, passwordAgain);
-
- router.replace('/login?registered=true');
- } catch (err) {
- const errorMessage =
- err instanceof Error
- ? err.message
- : 'Registration\n failed';
- setError(errorMessage);
- } finally {
- setIsRegistered(true);
- setIsLoading(false);
- }
- };
-
- if (isRegistered) {
- return -
- Registration successful!
- Please continue to the login page.
-
- }
-
- return (
-
-
-
- );
-}
diff --git a/frontend-old/archive/src/components/features/dishes/AddUserToDishForm.tsx b/frontend-old/archive/src/components/features/dishes/AddUserToDishForm.tsx
deleted file mode 100644
index 2e2d2c8..0000000
--- a/frontend-old/archive/src/components/features/dishes/AddUserToDishForm.tsx
+++ /dev/null
@@ -1,101 +0,0 @@
-import React, { FC, useState } from "react";
-import { DishType } from "@/types/DishType";
-import { UserType } from "@/types/UserType";
-import { useFetchUsers } from "@/hooks/useFetchUsers";
-import Spinner from "@/components/Spinner";
-import {addUserToDish} from "@/utils/api/dishApi";
-import OutlineButton from "@/components/ui/Buttons/OutlineButton";
-import SolidButton from "@/components/ui/Buttons/SolidButton";
-
-interface Props {
- dish: DishType;
- reloadDish: () => void;
-}
-
-const AddUserToDishForm: FC
-
-
- )}
-
- );
-};
-
-export default AddUserToDishForm;
\ No newline at end of file
diff --git a/frontend-old/archive/src/components/features/dishes/CreateDishForm.tsx b/frontend-old/archive/src/components/features/dishes/CreateDishForm.tsx
deleted file mode 100644
index 242c1f2..0000000
--- a/frontend-old/archive/src/components/features/dishes/CreateDishForm.tsx
+++ /dev/null
@@ -1,95 +0,0 @@
-import React, { useState } from "react";
-import { useRouter } from "next/navigation";
-import { createDish } from "@/utils/api/dishApi";
-import PageTitle from "@/components/ui/PageTitle";
-import Alert from "@/components/ui/Alert";
-import SolidButton from "@/components/ui/Buttons/SolidButton";
-import OutlineLinkButton from "@/components/ui/Buttons/OutlineLinkButton";
-import { ChevronLeftIcon } from "@heroicons/react/16/solid";
-import Hr from "@/components/ui/Hr"
-
-const CreateDishForm = () => {
- const router = useRouter()
- const [name, setName] = useState
-
- -
- );
-
-
-};
-
-export default CreateDishForm;
\ No newline at end of file
diff --git a/frontend-old/archive/src/components/features/dishes/Dish.tsx b/frontend-old/archive/src/components/features/dishes/Dish.tsx
deleted file mode 100644
index 7933a41..0000000
--- a/frontend-old/archive/src/components/features/dishes/Dish.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import {DishType} from "@/types/DishType";
-
-import {PencilIcon, TrashIcon} from '@heroicons/react/24/solid'
-import Link from "next/link";
-import useRoutes from "@/hooks/useRoutes";
-import {UserType} from "@/types/UserType";
-import Card from "@/components/layout/Card";
-
-const Dish = ({ dish }: { dish: DishType}) => {
- const routes = useRoutes();
-
- return (
-
- Create Dish
-
-
-
-
- - -
-
- { dish.name }
- - { - dish.users.map((user: UserType) => ( -{user.name.slice(0, 1)}
- ))
- }
-
-
-
-
-
-
-
-
-
-
-
-
- )
-}
-
-export default DishCard
\ No newline at end of file
diff --git a/frontend-old/archive/src/components/features/dishes/EditDishForm.tsx b/frontend-old/archive/src/components/features/dishes/EditDishForm.tsx
deleted file mode 100644
index cfffb2a..0000000
--- a/frontend-old/archive/src/components/features/dishes/EditDishForm.tsx
+++ /dev/null
@@ -1,87 +0,0 @@
-import React, {FC, useState} from "react";
-import {useRouter} from "next/navigation";
-import Alert from "@/components/ui/Alert";
-import {updateDish} from "@/utils/api/dishApi";
-import {DishType} from "@/types/DishType";
-import useRoutes from "@/hooks/useRoutes";
-import Spinner from "@/components/Spinner";
-import Button from "@/components/ui/Button"
-
-interface Props {
- dish: DishType
-}
-
-const EditDishForm: FC
- { user.name.slice(0, 1) }
-
-
- { dish ? dish.name : '-' }
-
-
- { weekdayString() }
-
- )
- }
- const renderMinimumRecurrence = () => {
- if (minimumRecurrences == undefined || minimumRecurrences.length == 0) {
- return '';
- }
-
- return (
-
- min: { minimumRecurrences[0].value }
-
- )
- }
-
- return <>
- { renderWeeklyRecurrence() }
- { renderMinimumRecurrence() }
- ;
-};
-
-export default RecurrenceLabels;
\ No newline at end of file
diff --git a/frontend-old/archive/src/components/features/dishes/SyncUsersForm.tsx b/frontend-old/archive/src/components/features/dishes/SyncUsersForm.tsx
deleted file mode 100644
index 296167d..0000000
--- a/frontend-old/archive/src/components/features/dishes/SyncUsersForm.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import React, { FC } from "react";
-import { DishType } from "@/types/DishType";
-import { UserType } from "@/types/UserType";
-import UserDishCard from "@/components/features/dishes/UserDishCard";
-import SectionTitle from "@/components/ui/SectionTitle";
-import AddUserToDishForm from "@/components/features/dishes/AddUserToDishForm";
-
-interface Props {
- dish: DishType;
- reloadDish: () => void;
-}
-
-const SyncUsersForm: FC
- Users
-
-
- );
-};
-
-export default SyncUsersForm;
\ No newline at end of file
diff --git a/frontend-old/archive/src/components/features/dishes/UserDishCard.tsx b/frontend-old/archive/src/components/features/dishes/UserDishCard.tsx
deleted file mode 100644
index 4e06e8c..0000000
--- a/frontend-old/archive/src/components/features/dishes/UserDishCard.tsx
+++ /dev/null
@@ -1,83 +0,0 @@
-import React, {FC, useEffect} from "react";
-import {DishType} from "@/types/DishType";
-import {UserType} from "@/types/UserType";
-import Link from "next/link";
-import {PencilIcon, TrashIcon} from "@heroicons/react/24/solid";
-import {removeUserFromDish} from "@/utils/api/dishApi";
-import EditDishUserCardEditForm from "@/components/features/dishes/EditDishUserCardEditForm";
-import {getUserDishForUserAndDish} from "@/utils/api/usersApi";
-import Spinner from "@/components/Spinner";
-import RecurrenceLabels from "@/components/features/dishes/RecurrenceLabels";
-import {UserDishType} from "@/types/ScheduledUserDishType";
-
-interface Props {
- dish: DishType
- user: UserType
- reloadDish: () => void
-}
-
-const UserDishCard: FC
-
- );
-}
-
-export default UserDishCard;
\ No newline at end of file
diff --git a/frontend-old/archive/src/components/features/navbar/MobileDropdownMenu.tsx b/frontend-old/archive/src/components/features/navbar/MobileDropdownMenu.tsx
deleted file mode 100644
index 3e8639a..0000000
--- a/frontend-old/archive/src/components/features/navbar/MobileDropdownMenu.tsx
+++ /dev/null
@@ -1,69 +0,0 @@
-import Link from "next/link";
-import React, {FC} from "react";
-import useRoutes from "@/hooks/useRoutes";
-import classNames from "classnames";
-
-interface Props {
- isOpen: boolean;
- setIsOpen: (isOpen: boolean) => void;
- handleLogout: (e: React.MouseEvent) => void;
-}
-
-const divStyles = classNames(
- 'absolute', 'text-xxl', 'rounded-b', 'top-full mt-1', 'left-0', 'right-0', '', 'py-2',
- 'bg-gray-600', 'border-secondary', 'shadow-md', 'flex', 'flex-col', 'space-y-3',
- 'md:hidden'
-)
-
-const linkStyles = classNames(
- 'border-b-2', 'border-secondary', 'uppercase',
- 'text-primary', 'hover:background-secondary', 'pb-2', 'pl-5',
- 'space-grotesk', 'text-xl'
-)
-
-const MobileDropdownMenu: FC
-
-
- {isEditMode && (
-
- {user.name}
-
-
-
-
-
-
- setIsEditMode(!isEditMode)} href="#">
-
-
-
-
-
-
-
-
-
-
-
-
- )}
-
- setIsOpen(false)}
- >
- Home
-
- setIsOpen(false)}
- >
- Dishes
-
- setIsOpen(false)}
- >
- Users
-
- setIsOpen(false)}
- >
- History
-
-
- Logout
-
-
- )
-}
-
-export default MobileDropdownMenu
\ No newline at end of file
diff --git a/frontend-old/archive/src/components/features/schedule/HistoricalDishes.tsx b/frontend-old/archive/src/components/features/schedule/HistoricalDishes.tsx
deleted file mode 100644
index ad3718f..0000000
--- a/frontend-old/archive/src/components/features/schedule/HistoricalDishes.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-"use client"
-
-import {useEffect, useState} from "react";
-import {DateTime} from "luxon";
-import ScheduleCalendar from "@/components/features/schedule/ScheduleCalendar";
-import PageTitle from "@/components/ui/PageTitle";
-import {ScheduleType} from "@/types/ScheduleType";
-import Spinner from "@/components/Spinner";
-import {listSchedule} from "@/utils/api/scheduleApi";
-
-const HistoricalDishes = () => {
- const [schedule, setSchedule] = useState
- No dishes scheduled
-
- );
- }
-
- return
- History
-
-}
-
-export default HistoricalDishes
\ No newline at end of file
diff --git a/frontend-old/archive/src/components/features/schedule/ScheduleCalendar.tsx b/frontend-old/archive/src/components/features/schedule/ScheduleCalendar.tsx
deleted file mode 100644
index b146f6a..0000000
--- a/frontend-old/archive/src/components/features/schedule/ScheduleCalendar.tsx
+++ /dev/null
@@ -1,75 +0,0 @@
-"use client"
-
-import {FC} from "react";
-import ScheduleDayCard from "@/components/features/schedule/dayCard/ScheduleDayCard";
-import { FilledScheduleType, ScheduleType } from "@/types/ScheduleType";
-import {useFetchUsers} from "@/hooks/useFetchUsers";
-import Spinner from "@/components/Spinner";
-
-const generateDates = (startDate: string, days: number): string[] => {
- const dates = [];
- const start = new Date(startDate);
-
- for (let i = 0; i < days; i++) {
- const currentDate = new Date(start);
- currentDate.setDate(start.getDate() + i);
- dates.push(currentDate.toISOString().split('T')[0]);
- }
-
- return dates;
-};
-
-
-const fillCalendar = (schedules: ScheduleType[]): FilledScheduleType[] => {
- /*
-Array(14)
- 0:
- date: "2025-05-05"
- id: 2
- is_skipped: false
- scheduled_user_dishes: []
- */
-
- const dates = generateDates((new Date()).toISOString().split('T')[0], 31)
-
- return dates.map((date): FilledScheduleType => {
- console.log(date)
-
- const schedule = schedules.find((schedule: ScheduleType) => schedule.date == date)
-
- if (schedule) {
- return schedule
- }
-
- return {
- date,
- scheduled_user_dishes: []
- }
- })
-}
-
-interface Props {
- schedule: ScheduleType[];
-}
-
-const ScheduleCalendar: FC
- { fullCalendar.map((schedule, index) => (
-
- )
-}
-
-export default ScheduleCalendar
\ No newline at end of file
diff --git a/frontend-old/archive/src/components/features/schedule/ScheduleEditForm.tsx b/frontend-old/archive/src/components/features/schedule/ScheduleEditForm.tsx
deleted file mode 100644
index 0f436a9..0000000
--- a/frontend-old/archive/src/components/features/schedule/ScheduleEditForm.tsx
+++ /dev/null
@@ -1,142 +0,0 @@
-"use client";
-
-import React, { FC, useEffect, useState } from "react";
-import { ScheduleType } from "@/types/ScheduleType";
-import Spinner from "@/components/Spinner";
-import PageTitle from "@/components/ui/PageTitle";
-import { getScheduleForDate, scheduleUserDish, updateScheduleForDate } from "@/utils/api/scheduleApi";
-import { UserDishType } from "@/types/ScheduledUserDishType";
-import Label from "@/components/ui/Label";
-import SectionTitle from "@/components/ui/SectionTitle";
-import { useFetchUsers } from "@/hooks/useFetchUsers";
-import { listUserDishes } from "@/utils/api/userDishApi";
-import scheduleBuilder from "@/utils/scheduleBuilder";
-import transformDate from "@/utils/dateBuilder";
-import { ChevronLeftIcon } from "@heroicons/react/16/solid";
-import Hr from "@/components/ui/Hr"
-import Button from "@/components/ui/Button"
-
-interface Props {
- date: string;
-}
-
-const ScheduleEditForm: FC
-
- - { - userDishes.length === 0 &&
- -
-}
-
-export default ScheduleEditForm
\ No newline at end of file
diff --git a/frontend-old/archive/src/components/features/schedule/ScheduleRegenerateButton.tsx b/frontend-old/archive/src/components/features/schedule/ScheduleRegenerateButton.tsx
deleted file mode 100644
index 5b60c2b..0000000
--- a/frontend-old/archive/src/components/features/schedule/ScheduleRegenerateButton.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import {FC, useState} from "react";
-import Modal from "@/components/ui/Modal";
-import ScheduleRegenerateForm from "@/components/features/schedule/ScheduleRegenerateForm";
-import {ArrowPathIcon} from "@heroicons/react/16/solid";
-
-interface ScheduleRegenerateButtonProps {
- onModalClose?: () => void;
-}
-
-const ScheduleRegenerateButton: FC
-
-
-
- Edit Day
-
-
- { transformDate(schedule.date) }
-
- - - { - userDishes.length === 0 &&
-
- }
-
- { schedule.is_skipped
- ?
- : (
- <>
- {
- scheduleData
- .map((scheduleData) => No dishes found assigned to this user.
- Go ahead and add some first, or choose to skip the day.
- (dishes ={`>`} edit ={`>`} add user)
-
-
)
- }
-
- )
- }
-
- { scheduleData.user.name }
-
-
-
- Changes are saved automatically
-
- - -
- }>
- Back to schedule
-
-
- {
- schedule.is_skipped
- ?
- :
- }
-
-
-
- return
-
-
-
-
-
- Regenerate Schedule
-
-
-
-
-
-
-
- {
- error && { error }
- }
-
-
-
-
-
-
-
- handleSubmit()}
- className="inline-flex w-full justify-center rounded-md px-3 py-2 text-sm font-semibold shadow-xs sm:ml-3 sm:w-auto"
- >
- Regenerate
-
- close()}
- className="mt-3 inline-flex w-full justify-center rounded-md bg-gray-500 px-3 py-2 text-sm font-semibold text-gray-900 ring-1 shadow-xs border-secondary ring-inset sm:mt-0 sm:w-auto"
- >
- Cancel
-
-
- ;
-};
-
-export default ScheduleRegenerateForm;
\ No newline at end of file
diff --git a/frontend-old/archive/src/components/features/schedule/UpcomingDishes.tsx b/frontend-old/archive/src/components/features/schedule/UpcomingDishes.tsx
deleted file mode 100644
index c7731d0..0000000
--- a/frontend-old/archive/src/components/features/schedule/UpcomingDishes.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-"use client"
-
-import { useCallback, useEffect, useState } from "react";
-import { DateTime } from "luxon";
-import ScheduleCalendar from "@/components/features/schedule/ScheduleCalendar";
-import PageTitle from "@/components/ui/PageTitle";
-import Spinner from "@/components/Spinner";
-import { ScheduleType } from "@/types/ScheduleType";
-import { listSchedule } from "@/utils/api/scheduleApi";
-import OnboardingBanner from "@/components/features/OnboardingBanner"
-import { useFetchUsers } from "@/hooks/useFetchUsers"
-import { useFetchDishes } from "@/hooks/useFetchDishes"
-import ScheduleRegenerateButton from "@/components/features/schedule/ScheduleRegenerateButton";
-
-const UpcomingDishes = () => {
- const [schedule, setSchedule] = useState
-
- );
-};
-
-export default UpcomingDishes;
\ No newline at end of file
diff --git a/frontend-old/archive/src/components/features/schedule/UserDishEditCard.tsx b/frontend-old/archive/src/components/features/schedule/UserDishEditCard.tsx
deleted file mode 100644
index b82fc1b..0000000
--- a/frontend-old/archive/src/components/features/schedule/UserDishEditCard.tsx
+++ /dev/null
@@ -1,79 +0,0 @@
-import {FC, FormEvent, useMemo, useState} from "react";
-import {DishType} from "@/types/DishType";
-import {ScheduledUserDishType} from "@/types/ScheduledUserDishType";
-import {updateScheduledUserDish} from "@/utils/api/scheduledUserDishesApi";
-import Alert from "@/components/ui/Alert";
-import classNames from "classnames";
-
-interface Props {
- scheduledUserDish: ScheduledUserDishType
- allDishes: DishType[]
-}
-
-const UserDishEditCard: FC
-
- {
- !schedule || Object.keys(schedule).length === 0
- ?
- Schedule
-
-
-
- No dishes scheduled
- :
- { errorMessage } }
-
-
-
-
- );
-};
-
-export default UserDishEditCard;
\ No newline at end of file
diff --git a/frontend-old/archive/src/components/features/schedule/dayCard/DateBadge.tsx b/frontend-old/archive/src/components/features/schedule/dayCard/DateBadge.tsx
deleted file mode 100644
index 9a61d87..0000000
--- a/frontend-old/archive/src/components/features/schedule/dayCard/DateBadge.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import {DateTime} from "luxon";
-import React, {FC} from "react";
-import classNames from "classnames";
-
-interface Props {
- date: string
- className?: string;
-}
-
-const DateBadge: FC{scheduledUserDish.user_dish.user.name}
-
- { errorMessage !== "" &&
-
-
- )
-}
-
-export default DateBadge
\ No newline at end of file
diff --git a/frontend-old/archive/src/components/features/schedule/dayCard/ScheduleDayCard.tsx b/frontend-old/archive/src/components/features/schedule/dayCard/ScheduleDayCard.tsx
deleted file mode 100644
index 77c68e0..0000000
--- a/frontend-old/archive/src/components/features/schedule/dayCard/ScheduleDayCard.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import React, {FC} from "react";
-import {UserType} from "@/types/UserType";
-import ScheduleDayCardUserDish from "@/components/features/schedule/dayCard/ScheduleDayCardUserDish";
-import { FilledScheduleType, ScheduleType } from "@/types/ScheduleType";
-import Link from "next/link";
-import {PencilSquareIcon} from "@heroicons/react/24/outline";
-import useRoutes from "@/hooks/useRoutes";
-import DateBadge from "@/components/features/schedule/dayCard/DateBadge";
-import { DateTime } from "luxon"
-import classNames from "classnames"
-
-interface Props {
- schedule: ScheduleType|FilledScheduleType;
- users: UserType[];
-}
-
-const ScheduleDayCard: FC{DateTime.fromISO(date).toFormat("dd")}
- -
{DateTime.fromISO(date).toFormat("LLL")}
-
-
- );
-};
-
-export default ScheduleDayCard;
\ No newline at end of file
diff --git a/frontend-old/archive/src/components/features/schedule/dayCard/ScheduleDayCardUserDish.tsx b/frontend-old/archive/src/components/features/schedule/dayCard/ScheduleDayCardUserDish.tsx
deleted file mode 100644
index 64f0f0e..0000000
--- a/frontend-old/archive/src/components/features/schedule/dayCard/ScheduleDayCardUserDish.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import React, { FC } from "react";
-import { ScheduledUserDishType } from "@/types/ScheduledUserDishType";
-import { UserType } from "@/types/UserType";
-import { FilledScheduleType, ScheduleType } from "@/types/ScheduleType";
-
-interface Props {
- schedule: ScheduleType|FilledScheduleType;
- user: UserType;
-}
-
-const ScheduleDayCardUserDish: FC
- {
- users.map((user) => )
- }
-
-
-
-
-
-
-
- );
-};
-
-export default ScheduleDayCardUserDish;
\ No newline at end of file
diff --git a/frontend-old/archive/src/components/features/users/EditUserForm.tsx b/frontend-old/archive/src/components/features/users/EditUserForm.tsx
deleted file mode 100644
index 1593dd9..0000000
--- a/frontend-old/archive/src/components/features/users/EditUserForm.tsx
+++ /dev/null
@@ -1,63 +0,0 @@
-import React, {FC, useState} from "react";
-import {useRouter} from "next/navigation";
-import useRoutes from "@/hooks/useRoutes";
-import {updateUser} from "@/utils/api/usersApi";
-import PageTitle from "@/components/ui/PageTitle";
-import Link from "next/link";
-import Alert from "@/components/ui/Alert";
-import {UserType} from "@/types/UserType";
-import SolidButton from "@/components/ui/Buttons/SolidButton";
-
-interface Props {
- user: UserType;
-}
-
-const EditUserForm: FC{ user.name } :
- { getDish(user) }
-
- Create User
- Back to users
-
-
-
- );
-}
-
-export default EditUserForm;
\ No newline at end of file
diff --git a/frontend-old/archive/src/components/layout/AuthGuard.tsx b/frontend-old/archive/src/components/layout/AuthGuard.tsx
deleted file mode 100644
index c4e0482..0000000
--- a/frontend-old/archive/src/components/layout/AuthGuard.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-'use client';
-
-import { useAuth } from '@/context/AuthContext';
-import { useRouter, usePathname } from 'next/navigation';
-import React, { useEffect, useState } from 'react';
-
-// Optional Loading spinner component to display while loading
-const LoadingSpinner = () => (
-
-
-
-);
-
-export default function AuthGuard({ children }: { children: React.ReactNode }) {
- const { isAuthenticated } = useAuth(); // Access the authentication state from AuthContext
- const router = useRouter();
- const pathname = usePathname();
- const [loading, setLoading] = useState(true);
-
- // Define public routes that can be accessed without authentication
- const publicRoutes = ['/login', '/register'];
- const isPublic = publicRoutes.includes(pathname);
-
- useEffect(() => {
- // Determine behavior based on auth state and route type
- if (isAuthenticated === null) {
- // Await authentication resolution (e.g., token check)
- setLoading(true);
- } else if (isAuthenticated && isPublic) {
- // Redirect authenticated users away from public pages
- router.replace('/');
- } else if (!isAuthenticated && !isPublic) {
- // Redirect unauthenticated users trying to access protected pages
- router.replace('/login');
- } else {
- // Otherwise, stop loading since the state is resolved
- setLoading(false);
- }
- }, [isAuthenticated, pathname, isPublic, router]);
-
- // Show a spinner while authentication state is loading
- if (loading) {
- return
- { children }
-
- )
-}
-
-export default Card
\ No newline at end of file
diff --git a/frontend-old/archive/src/components/layout/NavBar.tsx b/frontend-old/archive/src/components/layout/NavBar.tsx
deleted file mode 100644
index 67cadb2..0000000
--- a/frontend-old/archive/src/components/layout/NavBar.tsx
+++ /dev/null
@@ -1,83 +0,0 @@
-"use client";
-
-import React, { useState } from "react";
-import Link from "next/link";
-import useRoutes from "@/hooks/useRoutes";
-import MobileDropdownMenu from "@/components/features/navbar/MobileDropdownMenu";
-import {useRouter} from "next/navigation";
-import {useAuth} from "@/context/AuthContext";
-
-const NavBar = () => {
- const [isOpen, setIsOpen] = useState(false);
- const routes = useRoutes();
- const router = useRouter();
- const {isAuthenticated, logout} = useAuth();
-
- const handleLogout = (e: React.MouseEvent) => {
- e.preventDefault();
- logout();
- router.replace('/login');
- };
-
- return (
-
- );
-};
-
-export default NavBar;
\ No newline at end of file
diff --git a/frontend-old/archive/src/components/ui/Alert.tsx b/frontend-old/archive/src/components/ui/Alert.tsx
deleted file mode 100644
index c32070c..0000000
--- a/frontend-old/archive/src/components/ui/Alert.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import React, {FC} from "react";
-import classNames from "classnames";
-
-interface Props {
- children: React.ReactNode;
- className?: string;
- type: 'error' | 'warning' | 'info' | 'success';
-}
-
-const Alert: FC
- { children}
-
- )
-}
-
-export default Alert
\ No newline at end of file
diff --git a/frontend-old/archive/src/components/ui/Button.tsx b/frontend-old/archive/src/components/ui/Button.tsx
deleted file mode 100644
index 4ad006c..0000000
--- a/frontend-old/archive/src/components/ui/Button.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-import Link from "next/link";
-import React, { FC, ReactElement, ReactNode } from "react";
-import classNames from "classnames";
-
-interface ButtonProps {
- appearance?: 'solid' | 'outline' | 'text';
- children: ReactNode;
- className?: string;
- href?: string;
- icon?: ReactNode;
- onClick?: () => void;
- disabled?: boolean;
- size?: 'small' | 'medium' | 'large';
- type?: 'button' | 'submit' | 'reset';
- variant?: 'primary' | 'secondary' | 'accent';
-}
-
-const Button: FC{ children }
-} - -export default Description \ No newline at end of file diff --git a/frontend-old/archive/src/components/ui/Hr.tsx b/frontend-old/archive/src/components/ui/Hr.tsx deleted file mode 100644 index 59f0d2d..0000000 --- a/frontend-old/archive/src/components/ui/Hr.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import { FC } from "react" -import classNames from "classnames" - -interface HrProps { - className?: string; -} - -const Hr: FC-} - -export default Hr \ No newline at end of file diff --git a/frontend-old/archive/src/components/ui/Label.tsx b/frontend-old/archive/src/components/ui/Label.tsx deleted file mode 100644 index 80bea0b..0000000 --- a/frontend-old/archive/src/components/ui/Label.tsx +++ /dev/null @@ -1,25 +0,0 @@ -import React, {FC, ReactNode} from "react"; - -interface LabelProps { - href?: string; - children: ReactNode; - onClick?: () => void; -} - -const Label: FC
- { children}
-
- )
- }
-
- return
-}
-
-export default Label
\ No newline at end of file
diff --git a/frontend-old/archive/src/components/ui/Modal.tsx b/frontend-old/archive/src/components/ui/Modal.tsx
deleted file mode 100644
index e6e5c9c..0000000
--- a/frontend-old/archive/src/components/ui/Modal.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-import {FC, JSX} from "react";
-import {Dialog, DialogBackdrop, DialogPanel} from "@headlessui/react";
-import classNames from "classnames";
-import {XMarkIcon} from "@heroicons/react/24/outline";
-import Button from "@/components/ui/Button"
-
-interface ModalProps {
- buttonChildren?: JSX.Element;
- buttonClassName?: string;
- buttonLabel?: string;
- modalChildren: JSX.Element;
- modalOpen?: boolean;
- setModalOpen: (open: boolean) => void;
-}
-
-const Modal: FC{ children }
-} - -export default PageTitle \ No newline at end of file diff --git a/frontend-old/archive/src/components/ui/RecurrenceInput.tsx b/frontend-old/archive/src/components/ui/RecurrenceInput.tsx deleted file mode 100644 index 756715d..0000000 --- a/frontend-old/archive/src/components/ui/RecurrenceInput.tsx +++ /dev/null @@ -1,65 +0,0 @@ -import React, {FC, useState} from "react"; - -interface Props { - value: number; - setValue: (value: number) => void; -} - -const RecurrenceInput: FC
-
- )
-}
-
-export default RecurrenceInput
\ No newline at end of file
diff --git a/frontend-old/archive/src/components/ui/SectionTitle.tsx b/frontend-old/archive/src/components/ui/SectionTitle.tsx
deleted file mode 100644
index 93d13c4..0000000
--- a/frontend-old/archive/src/components/ui/SectionTitle.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import classNames from "classnames";
-
-interface Props {
- children: string;
- className?: string;
-}
-
-const SectionTitle = ({ children, className }: Props) => {
- const style = classNames("block font-size-18 uppercase w-full pl-2 text-accent-blue",
- className
- )
-
- return
-
-
- { toggleButton() }
-
-
-
-
- prepareValue(e.target.value)}
- className="p-2 border rounded w-full bg-gray-500 border-secondary"
- />
- { toggleButton() }
-
- { children }
-} - -export default SectionTitle \ No newline at end of file diff --git a/frontend-old/archive/src/components/ui/Toggle.tsx b/frontend-old/archive/src/components/ui/Toggle.tsx deleted file mode 100644 index 786b093..0000000 --- a/frontend-old/archive/src/components/ui/Toggle.tsx +++ /dev/null @@ -1,42 +0,0 @@ -import {FC} from "react"; - -interface ToggleProps { - checked: boolean; - onChange: (checked: boolean) => void; -} - -const Toggle: FC
-
-
-
-
-
- BILLING
- - @if (session('success')) -
-
- @endif
-
- @if (session('error'))
- {{ session('success') }}
-
-
- @endif
-
- {{ session('error') }}
-
-
- Subscription Details
- -
-
-
- @if(!$subscription->ends_at)
-
- Plan
- {{ $planType }}
-
-
-
- Status
-
- {{ ucfirst($subscription->stripe_status) }}
-
-
-
- @if($nextBillingDate)
-
- Next billing date
- {{ $nextBillingDate->format('F j, Y') }}
-
- @endif
-
- @if($subscription->ends_at)
-
- Access until
- {{ $subscription->ends_at->format('F j, Y') }}
-
- @endif
-
- @if($planner->pm_last_four)
-
- Payment method
-
- {{ ucfirst($planner->pm_type ?? 'Card') }}
- •••• {{ $planner->pm_last_four }}
- Update
-
-
- @endif
-
-
-
- @endif
-
-
-
-
- Cancel Subscription?
-- Are you sure you want to cancel your subscription? You will retain access until the end of your current billing period. -
-
-
-
-
-
- @if(is_mode_saas())
-
- Billing
-
- @endif