Folasade/imp 5 supabase client

lib/DummyQueries.tsx

@@ -0,0 +1,35 @@
+import { Button } from 'react-native-elements';
+import { supabase } from './supabase';
+
+export default function DummyQueries() {
+  async function allCases() {
+    const { data, error } = await supabase.from('Cases').select();
+  }
+  async function approvedCases() {
+    const { data, error } = await supabase
+      .from('Cases')
+      .select()
+      .filter('approved', 'is', 'True');
+  }
+  async function unapprovedCases() {
+    const { data, error } = await supabase
+      .from('Cases')
+      .select()
+      .filter('approved', 'is', 'False');
+  }
+  async function addCase() {
+    const dummyCase = {
+      approved: false,
+      title: 'Dummy Case',
+      summary: 'Testing intializing db',
+      image: 'no.jpg',
+      case_status: 'In Progress',
+      claim_link: 'berkeley.edu',
+      case_site: 'berkeley.edu',
+      opt_out_link: 'berkeley.edu',
+    };
+    const { error } = await supabase.from('Cases').insert(dummyCase);
+  }
+
+  return <Button title="Get Case Data" onPress={() => allCases()} />;
+}

lib/supabase.ts

@@ -0,0 +1,20 @@
+import AsyncStorage from '@react-native-async-storage/async-storage';
+import { createClient } from '@supabase/supabase-js';
+import { useState } from 'react';
+import 'react-native-url-polyfill/auto';
+
+const [supabaseUrl, setSupabaseUrl] = useState<string>('');
+const [supabaseAnonKey, setSupabaseAnonKey] = useState<string>('');
+
+if (process.env.SUPABASE_URL && process.env.SUPABASE_ANON_KEY) {
+  setSupabaseUrl(process.env.SUPABASE_URL);
+  setSupabaseAnonKey(process.env.SUPABASE_ANON_KEY);
+}
+export const supabase = createClient(supabaseUrl, supabaseAnonKey, {
+  auth: {
+    storage: AsyncStorage,
+    autoRefreshToken: true,
+    persistSession: true,
+    detectSessionInUrl: false,
+  },
+});