Bit of Restructure

client/src/components/CollectionForm.tsx → client/src/components/Admin/CollectionForm.tsx

@@ -1,5 +1,5 @@
 import  { useState, ChangeEvent, FormEvent } from 'react';
-import {Gift, GiftCollection} from "../types.tsx";
+import {Gift, GiftCollection} from "../../types.tsx";
 
 
 

client/src/components/CollectionItem.tsx → client/src/components/Admin/CollectionItem.tsx

@@ -1,5 +1,5 @@
 //import Gift from "./Gift.tsx";
-import {Gift} from "../types.tsx";
+import {Gift} from "../../types.tsx";
 
 type CollectionItemProps = {
   name: string;

client/src/components/CollectionSelector.tsx → client/src/components/Admin/CollectionSelector.tsx

@@ -1,6 +1,6 @@
 import {useEffect} from "react";
 import Select from "react-select";
-import { useAdmin } from '../Context/AdminContext';
+import { useAdmin } from '../../Context/AdminContext.tsx';
 
 interface CollectionSelectorProps {
     selectedOption: Number | null;

client/src/components/GiftForm.tsx → client/src/components/Admin/GiftForm.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import axios from 'axios';
-import {Gift} from "../types.tsx";
+import {Gift} from "../../types.tsx";
 
 
 const defaultGift: Gift = {

client/src/components/GiftItem.tsx → client/src/components/Admin/GiftItem.tsx

@@ -1,4 +1,4 @@
-import {Gift} from "../types.tsx";
+import {Gift} from "../../types.tsx";
 
 
 

client/src/components/RequestCard.tsx → client/src/components/Admin/RequestCard.tsx

@@ -1,7 +1,7 @@
 import React, { useState } from "react";
-import ResponseCard from "./ResponseCard";
-import ResponseForm from "./ResponseForm";
-import { GiftRequest } from "../types";
+import ResponseCard from "./ResponseCard.tsx";
+import ResponseForm from "./ResponseForm.tsx";
+import { GiftRequest } from "../../types.tsx";
 
 const RequestCard: React.FC<GiftRequest> = ({
                                                 ID,

client/src/components/ResponseCard.tsx → client/src/components/Admin/ResponseCard.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { GiftResponse } from "../types";
+import { GiftResponse } from "../../types.tsx";
 
 const ResponseCard: React.FC<GiftResponse> = ({
                                                   GiftCollection,

client/src/components/ResponseForm.tsx → client/src/components/Admin/ResponseForm.tsx

@@ -1,4 +1,4 @@
-import CollectionSelector from "./CollectionSelector";
+import CollectionSelector from "./CollectionSelector.tsx";
 import axios from "axios";
 import React, {useState} from "react";
 

client/src/components/CollectionItemUpdated.tsx → client/src/components/Home/CollectionItemUpdated.tsx

@@ -1,4 +1,4 @@
-import { Gift } from "../types.tsx";
+import { Gift } from "../../types.tsx";
 
 type CollectionItemProps = {
   name: string;

client/src/components/Filter.tsx → client/src/components/Home/Filter.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import FilterSection from "./FilterSection";
+import FilterSection from "./FilterSection.tsx";
 
 const recipients = ["For Her", "For Him", "For Mom", "For Dad"];
 const interests = ["Sports", "Cooking", "Games"];

client/src/components/UpdatedGiftItem.tsx → client/src/components/Home/UpdatedGiftItem.tsx

@@ -1,4 +1,4 @@
-import { Gift } from "../types";
+import { Gift } from "../../types.tsx";
 
 type GiftItemProps = {
   gift: Gift;

client/src/components/LoginForm.tsx → client/src/components/Login/LoginForm.tsx

@@ -1,7 +1,7 @@
 import React, { useState } from "react";
 import { Link } from "react-router-dom";
-import FormInput, { FormInputProps } from "./FormInput";
-import { LoginInputs } from "../pages/LoginPage";
+import FormInput, { FormInputProps } from "./FormInput.tsx";
+import { LoginInputs } from "../../pages/LoginPage.tsx";
 
 export type FormData = {
     title: string;

client/src/components/GiftSortNavBar.tsx → client/src/components/Nav/GiftSortNavBar.tsx

@@ -1,5 +1,5 @@
 import { useState } from "react";
-import Filter from "./Filter";
+import Filter from "../Home/Filter.tsx";
 
 const GiftSortNavbar = () => {
   const [activeButton, setActiveButton] = useState("");

client/src/data/formData.ts

@@ -1,4 +1,4 @@
-import { FormData } from "../components/LoginForm";
+import { FormData } from "../components/Login/LoginForm.tsx";
 
 export const loginFormData: FormData = {
     title: "Log In",

client/src/pages/CollectionsPage.tsx

@@ -1,7 +1,7 @@
 import {useEffect, useState} from "react";
-import CollectionItem from "../components/CollectionItem";
-import EditForm from "../components/CollectionForm";
-import Navbar from "../components/Navbar";
+import CollectionItem from "../components/Admin/CollectionItem.tsx";
+import EditForm from "../components/Admin/CollectionForm.tsx";
+import Navbar from "../components/Admin/Navbar.tsx";
 import {GiftCollection} from "../types.tsx";
 import {useAdmin} from "../Context/AdminContext.tsx";
 import axios from "axios";

client/src/pages/GiftManagementPage.tsx

@@ -1,8 +1,8 @@
-import GiftItem from '../components/GiftItem'
-import Navbar from "../components/Navbar";
+import GiftItem from '../components/Admin/GiftItem.tsx'
+import Navbar from "../components/Admin/Navbar.tsx";
 import {useAdmin} from "../Context/AdminContext.tsx";
 import {useEffect, useState} from "react";
-import GiftForm from "../components/GiftForm.tsx";
+import GiftForm from "../components/Admin/GiftForm.tsx";
 import {Gift} from "../types.tsx";
 import axios from "axios";
 

client/src/pages/HomePage.tsx

@@ -1,8 +1,8 @@
-import NavBar from "../components/NavBarUpdated";
-import CollectionItem from "../components/CollectionItemUpdated"; 
-import SearchBar from "../components/SearchBar";
-import GiftSortNavBar from "../components/GiftSortNavBar";
-import UpdatedGiftItem from "../components/UpdatedGiftItem";
+import NavBar from "../components/Home/NavBarUpdated.tsx";
+import CollectionItem from "../components/Home/CollectionItemUpdated.tsx";
+import SearchBar from "../components/Home/SearchBar.tsx";
+import GiftSortNavBar from "../components/Nav/GiftSortNavBar.tsx";
+import UpdatedGiftItem from "../components/Home/UpdatedGiftItem.tsx";
 import axios from "axios";
 import {useEffect, useState} from "react";
 import {Gift, GiftCollection} from "../types.tsx";

client/src/pages/LoginPage.tsx

@@ -1,4 +1,4 @@
-import LoginForm from "../components/LoginForm";
+import LoginForm from "../components/Login/LoginForm.tsx";
 import { loginFormData } from "../data/formData";
 
 export type LoginInputs = {

client/src/pages/RequestsPage.tsx

@@ -1,5 +1,5 @@
-import Navbar from "../components/Navbar";
-import RequestCard from "../components/RequestCard";
+import Navbar from "../components/Admin/Navbar.tsx";
+import RequestCard from "../components/Admin/RequestCard.tsx";
 import {useEffect, useState} from "react";
 import Select, {ActionMeta} from "react-select";
 import {GiftRequest} from "../types.tsx";

client/src/pages/SignUpPage.tsx

@@ -1,4 +1,4 @@
-import LoginForm from "../components/LoginForm";
+import LoginForm from "../components/Login/LoginForm.tsx";
 import { LoginInputs } from "./LoginPage";
 import { signUpFormData } from "../data/formData";