From fe2219dcd2a50c47d47a2b26d8e6de108ba5db87 Mon Sep 17 00:00:00 2001
From: Timur Ercan <timur.ercan31@gmail.com>
Date: Wed, 4 Jan 2023 14:37:33 +0100
Subject: [PATCH] login logout redirects, session, remove out of scope code

---
 apps/web/components/layout.tsx           |   5 +-
 apps/web/components/login.tsx            |   2 +-
 apps/web/components/settings.tsx         | 163 -----------------------
 apps/web/pages/_app.tsx                  |  12 +-
 apps/web/pages/api/auth/[...nextauth].ts |   4 +-
 apps/web/pages/documents.tsx             |  12 +-
 6 files changed, 24 insertions(+), 174 deletions(-)

diff --git a/apps/web/components/layout.tsx b/apps/web/components/layout.tsx
index 5964577c9..44310c5f3 100644
--- a/apps/web/components/layout.tsx
+++ b/apps/web/components/layout.tsx
@@ -27,10 +27,10 @@ const userNavigation = [
   { name: "Your Profile", href: "/settings" },
   {
     name: "Sign out",
-    href: "/login",
+    href: "",
     click: (e: any) => {
       e.preventDefault();
-      signOut();
+      signOut({ callbackUrl: "/login" });
     },
   },
 ];
@@ -41,7 +41,6 @@ function classNames(...classes: any) {
 
 export default function Layout({ children }: any) {
   const router = useRouter();
-
   navigation.forEach((element) => {
     element.current = element.href == router.route;
   });
diff --git a/apps/web/components/login.tsx b/apps/web/components/login.tsx
index 42c9b400c..67b3bc386 100644
--- a/apps/web/components/login.tsx
+++ b/apps/web/components/login.tsx
@@ -80,7 +80,7 @@ export default function Example() {
               <button
                 onClick={(e) => {
                   e.preventDefault();
-                  signIn();
+                  signIn(undefined, { callbackUrl: "/dashboard" });
                 }}
                 className="group relative flex w-full justify-center rounded-md border border-transparent bg-neon py-2 px-4 text-sm font-medium text-white hover:bg-neon-dark focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"
               >
diff --git a/apps/web/components/settings.tsx b/apps/web/components/settings.tsx
index 98246cefd..faff1b1c3 100644
--- a/apps/web/components/settings.tsx
+++ b/apps/web/components/settings.tsx
@@ -96,52 +96,6 @@ export default function Setttings() {
                 </div>
 
                 <div className="mt-6 flex flex-col lg:flex-row">
-                  <div className="flex-grow space-y-6">
-                    <div>
-                      <label
-                        htmlFor="username"
-                        className="block text-sm font-medium text-gray-700"
-                      >
-                        Username
-                      </label>
-                      <div className="mt-1 flex rounded-md shadow-sm">
-                        <span className="inline-flex items-center rounded-l-md border border-r-0 border-gray-300 bg-gray-50 px-3 text-gray-500 sm:text-sm">
-                          workcation.com/
-                        </span>
-                        <input
-                          type="text"
-                          name="username"
-                          id="username"
-                          autoComplete="username"
-                          className="block w-full min-w-0 flex-grow rounded-none rounded-r-md border-gray-300 focus:border-sky-500 focus:ring-sky-500 sm:text-sm"
-                          defaultValue={user.handle}
-                        />
-                      </div>
-                    </div>
-
-                    <div>
-                      <label
-                        htmlFor="about"
-                        className="block text-sm font-medium text-gray-700"
-                      >
-                        About
-                      </label>
-                      <div className="mt-1">
-                        <textarea
-                          id="about"
-                          name="about"
-                          rows={3}
-                          className="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-sky-500 focus:ring-sky-500 sm:text-sm"
-                          defaultValue={""}
-                        />
-                      </div>
-                      <p className="mt-2 text-sm text-gray-500">
-                        Brief description for your profile. URLs are
-                        hyperlinked.
-                      </p>
-                    </div>
-                  </div>
-
                   <div className="mt-6 flex-grow lg:mt-0 lg:ml-6 lg:flex-shrink-0 lg:flex-grow-0">
                     <p
                       className="text-sm font-medium text-gray-700"
@@ -237,21 +191,6 @@ export default function Setttings() {
                     />
                   </div>
 
-                  <div className="col-span-12">
-                    <label
-                      htmlFor="url"
-                      className="block text-sm font-medium text-gray-700"
-                    >
-                      URL
-                    </label>
-                    <input
-                      type="text"
-                      name="url"
-                      id="url"
-                      className="mt-1 block w-full rounded-md border border-gray-300 py-2 px-3 shadow-sm focus:border-sky-500 focus:outline-none focus:ring-sky-500 sm:text-sm"
-                    />
-                  </div>
-
                   <div className="col-span-12 sm:col-span-6">
                     <label
                       htmlFor="company"
@@ -317,108 +256,6 @@ export default function Setttings() {
                         />
                       </Switch>
                     </Switch.Group>
-                    <Switch.Group
-                      as="li"
-                      className="flex items-center justify-between py-4"
-                    >
-                      <div className="flex flex-col">
-                        <Switch.Label
-                          as="p"
-                          className="text-sm font-medium text-gray-900"
-                          passive
-                        >
-                          Make account private
-                        </Switch.Label>
-                        <Switch.Description className="text-sm text-gray-500">
-                          Pharetra morbi dui mi mattis tellus sollicitudin
-                          cursus pharetra.
-                        </Switch.Description>
-                      </div>
-                      <Switch
-                        checked={privateAccount}
-                        onChange={setPrivateAccount}
-                        className={classNames(
-                          privateAccount ? "bg-teal-500" : "bg-gray-200",
-                          "relative ml-4 inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-offset-2"
-                        )}
-                      >
-                        <span
-                          aria-hidden="true"
-                          className={classNames(
-                            privateAccount ? "translate-x-5" : "translate-x-0",
-                            "inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out"
-                          )}
-                        />
-                      </Switch>
-                    </Switch.Group>
-                    <Switch.Group
-                      as="li"
-                      className="flex items-center justify-between py-4"
-                    >
-                      <div className="flex flex-col">
-                        <Switch.Label
-                          as="p"
-                          className="text-sm font-medium text-gray-900"
-                          passive
-                        >
-                          Allow commenting
-                        </Switch.Label>
-                        <Switch.Description className="text-sm text-gray-500">
-                          Integer amet, nunc hendrerit adipiscing nam. Elementum
-                          ame
-                        </Switch.Description>
-                      </div>
-                      <Switch
-                        checked={allowCommenting}
-                        onChange={setAllowCommenting}
-                        className={classNames(
-                          allowCommenting ? "bg-teal-500" : "bg-gray-200",
-                          "relative ml-4 inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-offset-2"
-                        )}
-                      >
-                        <span
-                          aria-hidden="true"
-                          className={classNames(
-                            allowCommenting ? "translate-x-5" : "translate-x-0",
-                            "inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out"
-                          )}
-                        />
-                      </Switch>
-                    </Switch.Group>
-                    <Switch.Group
-                      as="li"
-                      className="flex items-center justify-between py-4"
-                    >
-                      <div className="flex flex-col">
-                        <Switch.Label
-                          as="p"
-                          className="text-sm font-medium text-gray-900"
-                          passive
-                        >
-                          Allow mentions
-                        </Switch.Label>
-                        <Switch.Description className="text-sm text-gray-500">
-                          Adipiscing est venenatis enim molestie commodo eu
-                          gravid
-                        </Switch.Description>
-                      </div>
-                      <Switch
-                        checked={allowMentions}
-                        onChange={setAllowMentions}
-                        className={classNames(
-                          allowMentions ? "bg-teal-500" : "bg-gray-200",
-                          "relative ml-4 inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-offset-2"
-                        )}
-                      >
-                        <span
-                          aria-hidden="true"
-                          className={classNames(
-                            allowMentions ? "translate-x-5" : "translate-x-0",
-                            "inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out"
-                          )}
-                        />
-                      </Switch>
-                    </Switch.Group>
                   </ul>
                 </div>
                 <div className="mt-4 flex justify-end py-4 px-4 sm:px-6">
diff --git a/apps/web/pages/_app.tsx b/apps/web/pages/_app.tsx
index 861bda53c..ba97a27d0 100644
--- a/apps/web/pages/_app.tsx
+++ b/apps/web/pages/_app.tsx
@@ -2,6 +2,7 @@ import "../styles/tailwind.css";
 import { ReactElement, ReactNode } from "react";
 import type { AppProps } from "next/app";
 import { NextPage } from "next";
+import { SessionProvider } from "next-auth/react";
 
 export type NextPageWithLayout<P = {}, IP = P> = NextPage<P, IP> & {
   getLayout?: (page: ReactElement) => ReactNode;
@@ -11,7 +12,14 @@ type AppPropsWithLayout = AppProps & {
   Component: NextPageWithLayout;
 };
 
-export default function App({ Component, pageProps }: AppPropsWithLayout) {
+export default function App({
+  Component,
+  pageProps: { session, ...pageProps },
+}: AppPropsWithLayout) {
   const getLayout = Component.getLayout || ((page: any) => page);
-  return getLayout(<Component {...pageProps} />);
+  return getLayout(
+    <SessionProvider session={session}>
+      <Component {...pageProps} />{" "}
+    </SessionProvider>
+  );
 }
diff --git a/apps/web/pages/api/auth/[...nextauth].ts b/apps/web/pages/api/auth/[...nextauth].ts
index 876afc31c..526de1281 100644
--- a/apps/web/pages/api/auth/[...nextauth].ts
+++ b/apps/web/pages/api/auth/[...nextauth].ts
@@ -4,8 +4,8 @@ import GitHubProvider from "next-auth/providers/github";
 export default NextAuth({
   providers: [
     GitHubProvider({
-      clientId: "",
-      clientSecret: "",
+      clientId: "df804870b0d11b0779cf",
+      clientSecret: "7ef4bbc0957e48e4e6e59c5b5879b3d75d90acc5",
     }),
   ],
 });
diff --git a/apps/web/pages/documents.tsx b/apps/web/pages/documents.tsx
index f3bf7ae84..bbf1f5e74 100644
--- a/apps/web/pages/documents.tsx
+++ b/apps/web/pages/documents.tsx
@@ -1,14 +1,20 @@
+import { useSession } from "next-auth/react";
 import type { ReactElement } from "react";
 import Layout from "../components/layout";
 import Settings from "../components/settings";
 import type { NextPageWithLayout } from "./_app";
+import { SessionProvider } from "next-auth/react";
+
+const DocumentsPage: NextPageWithLayout = () => {
+  const { data: session } = useSession();
+
+  console.log("Session:" + JSON.stringify(session));
 
-const TeamPage: NextPageWithLayout = () => {
   return <>This is the documents page</>;
 };
 
-TeamPage.getLayout = function getLayout(page: ReactElement) {
+DocumentsPage.getLayout = function getLayout(page: ReactElement) {
   return <Layout>{page}</Layout>;
 };
 
-export default TeamPage;
+export default DocumentsPage;