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;
+`;