diff --git a/src/app/profileScreen/.env b/src/app/profileScreen/.env new file mode 100644 index 00000000..a9dfd72a --- /dev/null +++ b/src/app/profileScreen/.env @@ -0,0 +1,2 @@ +SUPABASE_URL = https://raqpvvgsmwarxhaialcz.supabase.co +REACT_APP_ANON_KEY = eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InJhcXB2dmdzbXdhcnhoYWlhbGN6Iiwicm9sZSI6ImFub24iLCJpYXQiOjE2OTYxODg2MTgsImV4cCI6MjAxMTc2NDYxOH0.triHI7DNSzNeAibtktBZ1b2wQuwnd0WL7R_yZYOJbPc \ No newline at end of file diff --git a/src/app/profileScreen/page.tsx b/src/app/profileScreen/page.tsx index 2d316dfe..3e370b18 100644 --- a/src/app/profileScreen/page.tsx +++ b/src/app/profileScreen/page.tsx @@ -1,3 +1,4 @@ +<<<<<<< HEAD export default function Profile() { return (
@@ -5,3 +6,25 @@ export default function Profile() {
); } +======= +'use client'; +import { LogOutButton, GlobalStyle } from './style'; +import { createClient } from '@supabase/supabase-js'; + +export default function Profile() { + return ( +
+ + signOut()}>Sign Out +
+ ); +} + +async function signOut() { + const supabase = createClient( + 'https://raqpvvgsmwarxhaialcz.supabase.co', + 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InJhcXB2dmdzbXdhcnhoYWlhbGN6Iiwicm9sZSI6ImFub24iLCJpYXQiOjE2OTYxODg2MTgsImV4cCI6MjAxMTc2NDYxOH0.triHI7DNSzNeAibtktBZ1b2wQuwnd0WL7R_yZYOJbPc', + ); + const { error } = await supabase.auth.signOut(); +} +>>>>>>> 22db8ee (refactor:changed folder name) diff --git a/src/app/profileScreen/style.ts b/src/app/profileScreen/style.ts new file mode 100644 index 00000000..b708c88a --- /dev/null +++ b/src/app/profileScreen/style.ts @@ -0,0 +1,22 @@ +import styled, { createGlobalStyle } from 'styled-components'; + +export const GlobalStyle = createGlobalStyle` + body { + background:white; + } +`; + +export const LogOutButton = styled.button` + background: #00507f; + color: #fff; + text-align: center; + font-family: Inter; + font-size: 20px; + font-style: normal; + font-weight: 500; + line-height: normal; + border: transparent; + border-radius: 5px; + width: 300px; + height: 50px; +`;