From 8d59f250dc645649a35948993d64d7a922f6d740 Mon Sep 17 00:00:00 2001
From: Atridad Lahiji <me@atri.dad>
Date: Sun, 26 Jan 2025 17:52:42 -0600
Subject: [PATCH] Added attribution

---
 src/components/TabView.tsx                      |  2 +-
 src/components/auth/AuthWrapper.tsx             |  8 ++++----
 src/components/auth/LoginForm.tsx               |  4 ++--
 src/components/navigation/Footer.astro          | 17 +++++++++++++++++
 .../navigation/{NavBar.tsx => Header.tsx}       |  2 +-
 src/layouts/Layout.astro                        |  9 +++++++--
 src/pages/index.astro                           |  2 +-
 7 files changed, 33 insertions(+), 11 deletions(-)
 create mode 100644 src/components/navigation/Footer.astro
 rename src/components/navigation/{NavBar.tsx => Header.tsx} (98%)

diff --git a/src/components/TabView.tsx b/src/components/TabView.tsx
index 6526a5f..a6296e1 100644
--- a/src/components/TabView.tsx
+++ b/src/components/TabView.tsx
@@ -15,7 +15,7 @@ export default function TabView() {
   const ActiveComponent = TABS[activeTab].component;
 
   return (
-    <div className="container mx-auto max-w-3xl p-4">
+    <div className="w-full container mx-auto max-w-3xl p-4">
       <div className="card bg-base-100 shadow-xl">
         <div className="card-body">
           <div className="tabs tabs-boxed">
diff --git a/src/components/auth/AuthWrapper.tsx b/src/components/auth/AuthWrapper.tsx
index b5a1a49..050c783 100644
--- a/src/components/auth/AuthWrapper.tsx
+++ b/src/components/auth/AuthWrapper.tsx
@@ -1,6 +1,6 @@
 import { useState } from "react";
 import { Settings } from "../../lib/settings";
-import NavBar from "../navigation/NavBar";
+import Header from "../navigation/Header";
 import LoginForm from "./LoginForm";
 import { LogoutContext } from "../../lib/LogoutContext";
 import { RefreshContext } from "../../lib/RefreshContext";
@@ -28,9 +28,9 @@ export default function AuthWrapper() {
   return (
     <LogoutContext.Provider value={handleLogout}>
       <RefreshContext.Provider value={{ refresh, lastUpdate }}>
-        <div className="min-h-screen flex flex-col">
-          <NavBar />
-          <div className="flex-1">
+        <div className="w-full">
+          <Header />
+          <div className="flex justify-center items-center">
             <TabView />
           </div>
         </div>
diff --git a/src/components/auth/LoginForm.tsx b/src/components/auth/LoginForm.tsx
index 1502749..1248a3e 100644
--- a/src/components/auth/LoginForm.tsx
+++ b/src/components/auth/LoginForm.tsx
@@ -16,8 +16,8 @@ export default function LoginForm({ onLogin }: LoginFormProps) {
   };
 
   return (
-    <div className="min-h-screen bg-base-200 flex items-center justify-center">
-      <div className="card w-full max-w-md bg-base-100 shadow-xl">
+    <div className="w-full container mx-auto max-w-md p-4">
+      <div className="card bg-base-100 shadow-xl">
         <div className="card-body">
           <h1 className="card-title text-2xl font-bold text-center">
             BlueSky PDS Manager
diff --git a/src/components/navigation/Footer.astro b/src/components/navigation/Footer.astro
new file mode 100644
index 0000000..227399b
--- /dev/null
+++ b/src/components/navigation/Footer.astro
@@ -0,0 +1,17 @@
+<footer class="footer footer-center p-4 bg-base-300 text-base-content">
+    <aside>
+        <p class="text-sm">
+            Made by
+            <a
+                href="https://atri.dad"
+                target="_blank"
+                rel="noopener noreferrer"
+                class="link link-hover font-medium"
+            >
+                Atridad Lahiji
+            </a>
+            <span class="mx-2">•</span>
+            <span class="opacity-75">All rights reserved</span>
+        </p>
+    </aside>
+</footer>
diff --git a/src/components/navigation/NavBar.tsx b/src/components/navigation/Header.tsx
similarity index 98%
rename from src/components/navigation/NavBar.tsx
rename to src/components/navigation/Header.tsx
index 06ef4a1..b41773f 100644
--- a/src/components/navigation/NavBar.tsx
+++ b/src/components/navigation/Header.tsx
@@ -18,7 +18,7 @@ export default function NavBar() {
 
   return (
     <>
-      <div className="navbar bg-base-100 shadow-md">
+      <div className="w-full navbar bg-base-100 shadow-md">
         <div className="container mx-auto max-w-3xl px-4">
           <div className="flex-1">
             <span className="text-xl font-bold">BlueSky PDS Manager</span>
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 03abd5d..311ef98 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -1,5 +1,9 @@
+---
+import Footer from "../components/navigation/Footer.astro";
+---
+
 <!doctype html>
-<html data-theme="dark" class="min-h-screen">
+<html data-theme="dark">
     <head>
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width" />
@@ -10,7 +14,8 @@
         <meta name="generator" content={Astro.generator} />
         <title>PDS Manager</title>
     </head>
-    <body class="min-h-screen bg-base-200">
+    <body class="min-h-screen flex flex-col bg-base-200">
         <slot />
+        <Footer />
     </body>
 </html>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index ade3327..92c2fc3 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -4,7 +4,7 @@ import AuthWrapper from "../components/auth/AuthWrapper";
 ---
 
 <Layout>
-    <main class="min-h-screen">
+    <main class="flex-1 flex items-center justify-center">
         <AuthWrapper client:only="react" />
     </main>
 </Layout>