basic interest form complete

package.json

@@ -13,7 +13,7 @@
   },
   "dependencies": {
     "@calblueprint/prettier-config": "^0.0.1",
-    "@supabase/supabase-js": "^2.36.0",
+    "@supabase/supabase-js": "^2.37.0",
     "@types/node": "20.6.3",
     "@types/react": "18.2.22",
     "@types/react-dom": "18.2.7",

src/api/supabase/queries/interest.ts

@@ -0,0 +1,21 @@
+import supabase from '../createClient';
+import { Interest } from '../../../types/schemaTypes';
+
+/** Get all interest from supabase interest table. */
+export async function getAllInterests() {
+  const { data, error } = await supabase.from('interests').select();
+
+  if (error) {
+    throw new Error(`An error occurred trying to read interests: ${error}`);
+  }
+  return data;
+}
+
+/** Insert a new interest object into supabase interest table. */
+export async function insertInterest(interest: Interest) {
+  const { error } = await supabase.from('interests').insert(interest).select();
+
+  if (error) {
+    throw new Error(`An error occurred trying to insert an interest: ${error}`);
+  }
+}

src/app/interest/page.tsx

@@ -0,0 +1,46 @@
+'use client';
+
+import { useState } from 'react';
+import { insertInterest } from '../../api/supabase/queries/interest';
+import { Interest } from '../../types/schemaTypes';
+import styles from '../page.module.css';
+
+export default function Interest() {
+  const [reason, setReason] = useState<string>('');
+
+  const handleInsert = async () => {
+    if (reason !== '') {
+      const newInterest: Interest = {
+        // hardcoded values for now
+        id: crypto.randomUUID(),
+        listing_id: '36b8f84d-df4e-4d49-b662-bcde71a8764f',
+        listing_type: 'IJP6 Test',
+        user_id: '36b8f84d-df4e-4d49-b662-bcde71a8764f',
+        form_response: {
+          interestType: ['IJP-6-test'],
+          whyInterested: reason,
+        },
+      };
+      await insertInterest(newInterest);
+      setReason('');
+    } else {
+      // console.log('cannot create an empty interest');
+    }
+  };
+
+  return (
+    <main className={styles.main}>
+      <div className={styles.description}>Interest Form</div>
+      <form>
+        <textarea
+          required
+          value={reason}
+          onChange={event => setReason(event.target.value)}
+        />
+        <button type="button" onClick={handleInsert}>
+          Submit
+        </button>
+      </form>
+    </main>
+  );
+}