pulled from main and added files from previous branch

calblueprint · Oct 8, 2023 · b1ea1fe · b1ea1fe
1 parent e428f1e
commit b1ea1fe
Show file tree

Hide file tree

Showing 7 changed files with 71 additions and 12 deletions.
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -1,9 +1,9 @@
 module.exports = {
-    extends: ["@calblueprint/eslint-config-react"],
-    rules: {
-      // Add any custom rules here
-      // Disable the rule that requires React to be in scope -- we don't need this with React 18
-      'react/react-in-jsx-scope': 'off',
-      'react/jsx-uses-react': 'off',
-    },
-  };
+  extends: ["@calblueprint/eslint-config-react"],
+  rules: {
+    // Add any custom rules here
+    // Disable the rule that requires React to be in scope -- we don't need this with React 18
+    'react/react-in-jsx-scope': 'off',
+    'react/jsx-uses-react': 'off',
+  },
+};
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -19,7 +19,7 @@
     "dotenv": "^16.3.1",
     "eslint-config-next": "13.5.2",
     "next": "13.5.2",
-    "react": "18.2.0",
+    "react": "^18.2.0",
     "react-dom": "18.2.0",
     "styled-components": "^6.0.8"
   },

diff --git a/src/api/supabase/auth/auth.tsx b/src/api/supabase/auth/auth.tsx
@@ -0,0 +1,21 @@
+import supabase from '../createClient';
+
+export const handleSignUp = async (email: string, password: string) => {
+  const { data, error } = await supabase.auth.signUp({
+    email,
+    password,
+  });
+  console.log(error);
+};
+
+export const signInWithEmail = async (email: string, password: string) => {
+  const { data, error } = await supabase.auth.signInWithPassword({
+    email,
+    password,
+  });
+  console.log(data);
+};
+
+export const signOut = async () => {
+  const { error } = await supabase.auth.signOut();
+};
diff --git a/src/api/supabase/queries /createClient.ts → src/api/supabase/createClient.tsx b/src/api/supabase/queries /createClient.ts → src/api/supabase/createClient.tsx
@@ -17,4 +17,4 @@ const supabase = createClient(
   process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY,
 );
 
-export default supabase;
+export default supabase;
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -19,4 +19,4 @@ export default function RootLayout({
       <body className={inter.className}>{children}</body>
     </html>
   );
-}
+}
diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
@@ -1,5 +1,6 @@
 'use client';
 
+import { useState } from 'react';
 import Link from 'next/link';
 import LoginForm from '../../components/LoginForm';
 
@@ -13,6 +14,13 @@ import {
   Button,
 } from './styles';
 
+import {
+  handleSignUp,
+  signInWithEmail,
+  signOut,
+} from '../../api/supabase/auth/auth';
+
+
 export default function App() {
   return (
     <main>
@@ -32,3 +40,33 @@ export default function App() {
     </main>
   );
 }
+
+export function Login() {
+  const [email, setEmail] = useState('');
+  const [password, setPassword] = useState('');
+
+  return (
+    <>
+      <input
+        name="email"
+        onChange={e => setEmail(e.target.value)}
+        value={email}
+      />
+      <input
+        type="password"
+        name="password"
+        onChange={e => setPassword(e.target.value)}
+        value={password}
+      />
+      <button type="button" onClick={() => handleSignUp(email, password)}>
+        Sign up
+      </button>
+      <button type="button" onClick={() => signInWithEmail(email, password)}>
+        Sign in
+      </button>
+      <button type="button" onClick={signOut}>
+        Sign out
+      </button>
+    </>
+  );
+}