feat: inserting a question in a table

.env.template

@@ -1,2 +1,3 @@
 NEXT_PUBLIC_SUPABASE_URL=YOUR_SUPABASE_URL
 NEXT_PUBLIC_SUPABASE_ANON_KEY=YOUR_SUPABASE_ANON_KEY
+NEXT_PRIVATE_SUPABASE_SERVICE_KEY=YOUR_SUPABASE_SERVICE_KEY

src/pages/api/submit_question.js

@@ -0,0 +1,41 @@
+// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
+import { createClient, SupabaseClient } from '@supabase/supabase-js';
+
+// TODO: move the following somewhere else.
+const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL || '';
+const supabaseAnonKey = process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY || '';
+const supabaseServiceKey = process.env.NEXT_PRIVATE_SUPABASE_SERVICE_KEY || '';
+const supabase = createClient(supabaseUrl, supabaseAnonKey);
+const supabaseSecret = createClient(supabaseUrl, supabaseServiceKey);
+
+export default async function handler(req, res) {
+	// data format:
+	// {
+	// 	company: "a",
+	// 	location: "a",
+	// 	position: "b",
+	// 	question: "a",
+	// 	question_details: "",
+	// 	recency-weeks: "2",
+	// 	stay_anonymous: false
+	// }
+	const input_data = JSON.parse(req.body);
+	const jwt = req.headers.authentication;
+	const asked_date = new Date(new Date().setDate(new Date().getDate() - Number(input_data['recency-weeks']) * 7));
+
+	input_data['asked_date'] = asked_date;
+	delete input_data['recency-weeks'];
+
+	const { data: user, userError } = await supabase.auth.api.getUser(jwt);
+	const id = user.identities[0]['id'];
+
+	input_data['created_by'] = id;
+
+	const { data, error } = await supabaseSecret.from('questions').insert([input_data]);
+
+	if (error) {
+		res.status(500).json({ error });
+	} else {
+		res.status(200).json({ message: 'success!' });
+	}
+}

src/pages/submit.tsx

@@ -97,21 +97,22 @@ const Submit: NextPage<UserProps> = ({ session }) => {
 									</div>
 
 									<div className='sm:col-span-3'>
-										<label htmlFor='recency' className='block text-sm font-medium text-gray-700'>
+										<label htmlFor='recency-weeks' className='block text-sm font-medium text-gray-700'>
 											How recently was this asked?
 										</label>
 										<div className='mt-1'>
 											<select
-												id='recency'
-												{...register('recency', { required: true })}
+												id='recency-weeks'
+												{...register('recency-weeks', { required: true })}
 												className='block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm'
 											>
-												<option>Within the past week</option>
-												<option>Within the past month</option>
-												<option>1-2 months ago</option>
-												<option>3-6 months ago</option>
-												<option>7-12 months ago</option>
-												<option>1+ year ago</option>
+												{/* value is estimated # weeks since the question was asked */}
+												<option value='1'>Within the past week</option>
+												<option value='2'>Within the past month</option>
+												<option value='6'>1-2 months ago</option>
+												<option value='18'>3-6 months ago</option>
+												<option value='38'>7-12 months ago</option>
+												<option value='60'>1+ year ago</option>
 											</select>
 										</div>
 									</div>
@@ -131,13 +132,13 @@ const Submit: NextPage<UserProps> = ({ session }) => {
 									</div>
 
 									<div className='sm:col-span-6'>
-										<label htmlFor='question-details' className='block text-sm font-medium text-gray-700'>
+										<label htmlFor='question_details' className='block text-sm font-medium text-gray-700'>
 											Question details
 										</label>
 										<div className='mt-1'>
 											<textarea
-												id='question-details'
-												{...register('question-details')}
+												id='question_details'
+												{...register('question_details')}
 												rows={3}
 												className='block w-full rounded-md border border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm'
 												defaultValue={''}
@@ -148,14 +149,14 @@ const Submit: NextPage<UserProps> = ({ session }) => {
 								<div className='relative mt-6 flex'>
 									<div className='flex h-5 items-center'>
 										<input
-											id='stay-anonymous'
-											{...register('stay-anonymous')}
+											id='stay_anonymous'
+											{...register('stay_anonymous')}
 											type='checkbox'
 											className='h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500'
 										/>
 									</div>
 									<div className='ml-3 text-sm'>
-										<label htmlFor='stay-anonymous' className='font-medium text-gray-700'>
+										<label htmlFor='stay_anonymous' className='font-medium text-gray-700'>
 											Stay anonymous
 										</label>
 									</div>