blsmedia/sign
2
0
Fork 0
Code Issues Packages Releases Activity

login logout redirects, session, remove out of scope code

Browse Source
This commit is contained in:
Timur Ercan
2023-01-04 14:37:33 +01:00
parent dd36e8d161
commit fe2219dcd2
6 changed files with 24 additions and 174 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
apps/web/components/layout.tsx
View File

@@ -27,10 +27,10 @@ const userNavigation = [
{ name: "Your Profile", href: "/settings" }, { name: "Your Profile", href: "/settings" },
{ {
name: "Sign out", name: "Sign out",
href: "/login", href: "",
click: (e: any) => { click: (e: any) => {
e.preventDefault(); e.preventDefault();
signOut(); signOut({ callbackUrl: "/login" });
}, },
}, },
]; ];
@@ -41,7 +41,6 @@ function classNames(...classes: any) {
export default function Layout({ children }: any) { export default function Layout({ children }: any) {
const router = useRouter(); const router = useRouter();
navigation.forEach((element) => { navigation.forEach((element) => {
element.current = element.href == router.route; element.current = element.href == router.route;
}); });

2
apps/web/components/login.tsx
View File

@@ -80,7 +80,7 @@ export default function Example() {
<button <button
onClick={(e) => { onClick={(e) => {
e.preventDefault(); 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" 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"
> >

163
apps/web/components/settings.tsx
View File

@@ -96,52 +96,6 @@ export default function Setttings() {
</div> </div>
<div className="mt-6 flex flex-col lg:flex-row"> <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"> <div className="mt-6 flex-grow lg:mt-0 lg:ml-6 lg:flex-shrink-0 lg:flex-grow-0">
<p <p
className="text-sm font-medium text-gray-700" className="text-sm font-medium text-gray-700"
@@ -237,21 +191,6 @@ export default function Setttings() {
/> />
</div> </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"> <div className="col-span-12 sm:col-span-6">
<label <label
htmlFor="company" htmlFor="company"
@@ -317,108 +256,6 @@ export default function Setttings() {
/> />
</Switch> </Switch>
</Switch.Group> </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> </ul>
</div> </div>
<div className="mt-4 flex justify-end py-4 px-4 sm:px-6"> <div className="mt-4 flex justify-end py-4 px-4 sm:px-6">

12
apps/web/pages/_app.tsx
View File

@@ -2,6 +2,7 @@ import "../styles/tailwind.css";
import { ReactElement, ReactNode } from "react"; import { ReactElement, ReactNode } from "react";
import type { AppProps } from "next/app"; import type { AppProps } from "next/app";
import { NextPage } from "next"; import { NextPage } from "next";
import { SessionProvider } from "next-auth/react";
export type NextPageWithLayout<P = {}, IP = P> = NextPage<P, IP> & { export type NextPageWithLayout<P = {}, IP = P> = NextPage<P, IP> & {
getLayout?: (page: ReactElement) => ReactNode; getLayout?: (page: ReactElement) => ReactNode;
@@ -11,7 +12,14 @@ type AppPropsWithLayout = AppProps & {
Component: NextPageWithLayout; 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); const getLayout = Component.getLayout || ((page: any) => page);
return getLayout(<Component {...pageProps} />); return getLayout(
<SessionProvider session={session}>
<Component {...pageProps} />{" "}
</SessionProvider>
);
} }

4
apps/web/pages/api/auth/[...nextauth].ts
View File

@@ -4,8 +4,8 @@ import GitHubProvider from "next-auth/providers/github";
export default NextAuth({ export default NextAuth({
providers: [ providers: [
GitHubProvider({ GitHubProvider({
clientId: "", clientId: "df804870b0d11b0779cf",
clientSecret: "", clientSecret: "7ef4bbc0957e48e4e6e59c5b5879b3d75d90acc5",
}), }),
], ],
}); });

12
apps/web/pages/documents.tsx
View File

@@ -1,14 +1,20 @@
import { useSession } from "next-auth/react";
import type { ReactElement } from "react"; import type { ReactElement } from "react";
import Layout from "../components/layout"; import Layout from "../components/layout";
import Settings from "../components/settings"; import Settings from "../components/settings";
import type { NextPageWithLayout } from "./_app"; 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</>; return <>This is the documents page</>;
}; };
TeamPage.getLayout = function getLayout(page: ReactElement) { DocumentsPage.getLayout = function getLayout(page: ReactElement) {
return <Layout>{page}</Layout>; return <Layout>{page}</Layout>;
}; };
export default TeamPage; export default DocumentsPage;