Commit 3a43540a authored by Anthony Jacob's avatar Anthony Jacob
Browse files

add a block for demo mode

parent 3baf1522

src/app/login/page.tsx

+16 −2
Original line number Diff line number Diff line
@@ -9,7 +9,9 @@ export default function Login() { 
  const [error, setError] = useState<string | null>(null);

  const router = useRouter();





  // Use only NEXT_PUBLIC_ env vars in client components

  const demo = process.env.NEXT_PUBLIC_DEMO === 'true';

  console.log('Demo mode:', demo);



  // Check for access_token cookie on the client side

  useEffect(() => {
@@ -66,7 +68,19 @@ export default function Login() { 
  };



  return (

    <div className="min-vh-100 d-flex align-items-center justify-content-center">

    <div className="min-vh-100 d-flex align-items-center justify-content-center" style={{ flexDirection: 'column' }}>

      {demo && (

        <div className="my-5">

          <div className="p-5 text-center bg-body-tertiary">

            <div className="container py-5">

              <h1 className="text-body-emphasis">Full-width jumbotron</h1>

              <p className="col-lg-8 mx-auto lead">

                This takes the basic jumbotron above and makes its background edge-to-edge with a <code>.container</code> inside to align content. Similar to above, it's been recreated with built-in grid and utility classes.

              </p>

            </div>

          </div>

        </div>

      )}

      <div className="form-signin w-100 m-auto">

        <form onSubmit={handleLogin}>

          <div className="form-floating">