Merge pull request #26 from Rahuletto/supabase

More fix sorry
Rahuletto · Jul 17, 2023 · 8c07fbc · 8c07fbc
2 parents 9ef82b7 + 47f1b5c
commit 8c07fbc
Show file tree

Hide file tree

Showing 3 changed files with 79 additions and 24 deletions.
diff --git a/pages/auth/error.tsx b/pages/auth/error.tsx
@@ -1,12 +1,14 @@
-// NextJS Stuff
+//NextJS stuff
+import type { NextPage } from 'next';
+import React, { useEffect, useState } from 'react';
 import dynamic from 'next/dynamic';
-import { useState, useEffect } from 'react';
 import { useRouter } from 'next/router';
-
 // Styles
 import generalStyles from '../../styles/General.module.css';
+import styles from '../../styles/Home.module.css';
 
 // Icons
+import Link from 'next/link';
 import { FaWindowClose } from 'react-icons-ng/fa';
 
 // Lazy loading
@@ -15,7 +17,7 @@ const MetaTags = dynamic(() => import('../../components/Metatags'), {
 });
 const Header = dynamic(() => import('../../components/Header'), { ssr: true });
 
-export default function SignError() {
+const Error: NextPage = () => {
   const router = useRouter();
   // DARK MODE & LIGHT MODE
   const [theme, setTheme] = useState<'light' | 'dark' | string>();
@@ -25,20 +27,31 @@ export default function SignError() {
   }, []);
 
   return (
-    <div className={generalStyles.container}>
-      <MetaTags title="Wait what" description="Login error uh." />
+    <div className={styles.container}>
+      <MetaTags
+        err404={true}
+        title="Auth Error"
+        description="This was not supposed to happen. Your github returned nothing to us."
+      />
 
-      <main className={generalStyles.main}>
+      <main className={styles.main}>
         <Header theme={theme} setTheme={setTheme} />
 
-        <div className={[generalStyles.lander, 'error-lander'].join(' ')} style={{backgroundImage: 'repeating-linear-gradient(-45deg,var(--red),var(--red) 1px,transparent 1px,transparent 6px)'}}>
-          <div className="error">
+        <div
+          className={[generalStyles.lander, 'error-lander'].join(' ')}
+          style={{
+            backgroundImage:
+              'repeating-linear-gradient(-45deg,var(--red),var(--red) 1px,transparent 1px,transparent 6px)',
+          }}>
+          <div className="error" style={{ maxWidth: '700px' }}>
             <div className="details">
               <FaWindowClose
                 style={{ color: 'var(--red)', fontSize: '64px' }}
               />
-              <h1 style={{ margin: '6px' }}>Error</h1>
-              <p>
+              <h1 style={{ margin: '6px', textAlign: 'center' }}>
+                Auth Error.
+              </h1>
+              <p className="error-text" style={{ fontSize: '18px' }}>
                 An error occured while authorizing you to GitHub. Please try
                 again. If this occurs again, Please contact our support
               </p>
@@ -48,7 +61,13 @@ export default function SignError() {
             </div>
           </div>
         </div>
+
+        <footer style={{ marginTop: '20px' }}>
+          Made by <Link href="https://rahuletto.thedev.id">Rahuletto</Link>
+        </footer>
       </main>
     </div>
   );
-}
+};
+
+export default Error;
diff --git a/pages/home.tsx b/pages/home.tsx
@@ -109,7 +109,7 @@ const Home: NextPage = () => {
         <div className={styles.last}>
           <h3>Share your code, inspire others.</h3>
           <Link
-            style={{ width: 'fit-content' }}
+            style={{ zIndex: "200", width: 'fit-content' }}
             href="/"
             className={generalStyles.newProject}>
             <FaPlus title="New Board" style={{ marginRight: '10px' }} /> New

diff --git a/pages/privacy.tsx b/pages/privacy.tsx
@@ -10,7 +10,6 @@ import styles from '../styles/Privacy.module.css';
 // Icons
 import { FlFillIcFluentInprivateAccount24Filled } from 'react-icons-ng/fl';
 
-
 // Lazy loading
 const MetaTags = dynamic(() => import('../components/Metatags'), { ssr: true });
 const Header = dynamic(() => import('../components/Header'), { ssr: true });
@@ -54,7 +53,7 @@ const Home: NextPage = () => {
             <Link href="#definitions">
               <h1>Definitions</h1>
             </Link>
-            <div className={styles.indent}>
+            <div id="definitions" className={styles.indent}>
               <ul>
                 <li>
                   &quot;Service&quot;, &quot;We&quot;, &quot;The Website&quot;
@@ -86,7 +85,7 @@ const Home: NextPage = () => {
             <Link href="#data">
               <h1>Your data</h1>
             </Link>
-            <div className={styles.indent}>
+            <div id="data" className={styles.indent}>
               <p>
                 We will{' '}
                 <span style={{ fontWeight: 600, color: 'var(--green)' }}>
@@ -95,18 +94,51 @@ const Home: NextPage = () => {
                 for out profits nor selling it. We{' '}
                 <b style={{ color: 'var(--orange)' }}>only</b> store your code{' '}
                 <span
-                  style={{ fontWeight: 600, color: 'var(--special-color)',
-                  fontFamily: 'JetBrains Mono', }}>
+                  style={{
+                    fontWeight: 600,
+                    color: 'var(--special-color)',
+                    fontFamily: 'JetBrains Mono',
+                  }}>
                   {
                     '(If you use Encryption option, We will store only the encrypted code snippet and not your decrypted code snippet)'
                   }
-                </span>, options you provided. if you wish to share with the platform.
+                </span>
+                , options you provided. if you wish to share with the platform.
                 We might use your cache to pre-load our components {'('}website
                 items{')'} to make it very fast. But if you wish to opt-out, You
-                can disable cookies and cache. Damn we don{"'"}t even get your
-                personal data
+                can disable cookies and cache.
+              </p>
+            </div>
+
+            <Link href="#account">
+              <h1>Account data</h1>
+            </Link>
+            <div id="account" className={styles.indent}>
+              <p>
+                We will{' '}
+                <span style={{ fontWeight: 600, color: 'var(--orange)' }}>
+                  only
+                </span>{' '}
+                access your Username, Profile picture from your GitHub. We will
+                also save your{' '}
+                <span style={{ fontWeight: 600, color: 'var(--red)' }}>
+                  email
+                </span>{' '}
+                not for spam emails but just for future use. But we store your
+                email in{' '}
+                <span style={{ fontWeight: 600, color: 'var(--green)' }}>
+                  encrypted manner
+                </span>{' '}
+                Other than that, nothing much. Want to vanish your existance
+                from CodeBoard ?{' '}
+                <Link
+                  className={styles.link}
+                  href="mailto: support@codeboard.tech">
+                  email us
+                </Link>
               </p>
             </div>
+
             <Link href="#liability">
               <h1>Liability</h1>
             </Link>
@@ -136,7 +168,9 @@ const Home: NextPage = () => {
                 If you come across a malicious board {'(code snippet)'} then{' '}
                 <b style={{ color: 'var(--green)' }}>PLEASE</b> send the key{' '}
                 {'(or)'} url via{' '}
-                <Link className={styles.link} href="mailto: support@codeboard.tech">
+                <Link
+                  className={styles.link}
+                  href="mailto: support@codeboard.tech">
                   email
                 </Link>{' '}
                 or{' '}
@@ -161,8 +195,10 @@ const Home: NextPage = () => {
                 . If you do not agree with our policies and practices, please do
                 not use our Services. If you still have any questions or
                 concerns, please contact me at{' '}
-                <Link className={styles.link} href="mailto: support@codeboard.tech">
-                support@codeboard.tech
+                <Link
+                  className={styles.link}
+                  href="mailto: support@codeboard.tech">
+                  support@codeboard.tech
                 </Link>{' '}
                 or{' '}
                 <Link