From 59951a0542802ba94391d31c21b59b25b0368811 Mon Sep 17 00:00:00 2001
From: lmoore36 <lmoore36@unc.edu>
Date: Tue, 15 Oct 2024 11:45:09 -0400
Subject: [PATCH] new resource sidebar component

---
 .DS_Store                                     | Bin 0 -> 6148 bytes
 .../components/Table/NewResourceSidebar.tsx   |  76 ++++++++++++++++++
 2 files changed, 76 insertions(+)
 create mode 100644 .DS_Store
 create mode 100644 compass/components/Table/NewResourceSidebar.tsx

diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..7606f7df33711bbdf54b59225f492e4f4b280421
GIT binary patch
literal 6148
zcmeH~K~KUk6vtm-!jPD7(1ha>uOxy)gYmK;egS9npawTabYZN7fgA|Q&iaM?Bz_*>
zYfIulPb6wcU-J5I`}#WiOWINZVC`wp0H^?fiB4+lV)2bpoP5o4s;7X;#2kHyA@FC(
z$dA@W>kdso6ZmfgXzv!m2M>BMfG_)(`xtrmM^Tte>h%wn%Nsj|qFFS{=7ampXYRzC
zOp~@ZzN6MP=aIjxd;U$>pLHwy7d)PLVcZ{!gfQsiko(&(4*0Cir*V*oTvrCnl3D6j
zs`GinuGcKPRbSMs`PnhnoA&8qQ8Et>kIt{UgJ>A@SBa6~sUvJp=~CXXva+fm=|w*N
zN*b~fdU3~b#N#K7(1b-q!C?p^gpxoakF&qSVYf~YN7LRIM`l%79GTDx4g#ia8wsf0
zW0tpZae7UffF`gJ0XiQnbW%rYDpedEScoS8s)60Yuug9Y%CVF>N>iyAL1Qu%Ri-la
z#9%TV`z<xjQJPAX>A=+EgQ+hw^+I9d>o~t9h68h?>QWQX1hNG3vRR?~|MKVee>O?C
zGyzRus|YZo<96D(Bz3p0EspM53;hwDjK-x>MG6+`Iu;eWimT|tFlJE&)lr&C#U3>M
OM?hfEg(mQ;1U>;W@0UXW

literal 0
HcmV?d00001

diff --git a/compass/components/Table/NewResourceSidebar.tsx b/compass/components/Table/NewResourceSidebar.tsx
new file mode 100644
index 0000000..eaf6fb8
--- /dev/null
+++ b/compass/components/Table/NewResourceSidebar.tsx
@@ -0,0 +1,76 @@
+import React from "react";
+
+interface NewResource {
+    name: string;
+    link: string;
+    program?: string;
+    summary?: string;
+}
+
+interface NewResourceSidebarProps {
+    isOpen: boolean;
+    newResource: NewResource;ß
+    handleInputChange: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    handleSubmit: (e: React.FormEvent<HTMLFormElement>) => void;
+}
+
+const NewResourceSidebar: React.FC<NewResourceSidebarProps> = ({ isOpen, newResource, handleInputChange, handleSubmit }) => {
+    return (
+        <div className={`fixed inset-0 bg-black bg-opacity-50 ${isOpen ? "" : "hidden"}`}>
+            <div className="absolute right-0 w-1/3 bg-white p-4">
+                <h2 className="text-lg font-bold mb-4">Add New Resource</h2>
+                <form onSubmit={handleSubmit}>
+                    <div className="mb-4">
+                        <label className="block text-sm">Name</label>
+                        <input
+                            type="text"
+                            name="name"
+                            value={newResource.name}
+                            onChange={handleInputChange}
+                            required
+                            className="border rounded p-2 w-full"
+                        />
+                    </div>
+                    <div className="mb-4">
+                        <label className="block text-sm">Link</label>
+                        <input
+                            type="url"
+                            name="link"
+                            value={newResource.link}
+                            onChange={handleInputChange}
+                            required
+                            className="border rounded p-2 w-full"
+                        />
+                    </div>
+                    <div className="mb-4">
+                        <label className="block text-sm">Program</label>
+                        <input
+                            type="text"
+                            name="program"
+                            value={newResource.program}
+                            onChange={handleInputChange}
+                            className="border rounded p-2 w-full"
+                        />
+                    </div>
+                    <div className="mb-4">
+                        <label className="block text-sm">Summary</label>
+                        <textarea
+                            name="summary"
+                            value={newResource.summary}
+                            onChange={handleInputChange}
+                            className="border rounded p-2 w-full"
+                        />
+                    </div>
+                    <button
+                        type="submit"
+                        className="bg-blue-500 text-white p-2 rounded"
+                    >
+                        Add Resource
+                    </button>
+                </form>
+            </div>
+        </div>
+    );
+};
+
+export default NewResourceSidebar;
\ No newline at end of file