From 62dbc5d081807ae145b722cad03d9295de7be7bb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jonas=20B=C3=A4ck?= <jonas.c.back@gmail.com>
Date: Mon, 4 Sep 2023 21:51:01 +0300
Subject: [PATCH] Update login button styling

---
 components/Banner.tsx                    |  2 +-
 components/PageSection.tsx               | 10 ++++++----
 components/TableOfContents.tsx           | 14 ++++++++------
 components/header/navbar/LoginButton.tsx |  4 ++--
 components/header/navbar/SideMenu.tsx    |  2 +-
 models/page.ts                           |  6 +++---
 6 files changed, 21 insertions(+), 17 deletions(-)

diff --git a/components/Banner.tsx b/components/Banner.tsx
index fa3691e..0802563 100644
--- a/components/Banner.tsx
+++ b/components/Banner.tsx
@@ -11,7 +11,7 @@ export type BannerImage = StrapiImage['data']
 const MainBanner = ({ bannerImages }: { bannerImages: BannerImage[] }) => {
   const urls = bannerImages.map((img) => img.attributes.url)
   return (
-    <div className="relative h-[500px] w-screen overflow-x-hidden bg-black">
+    <div className="relative h-[500px] w-full overflow-x-hidden bg-black">
       {urls.length !== 0 ? <Carousel urls={urls} /> : <SingleBannerImage />}
       <div className="absolute left-0 right-0 top-[180px] flex flex-col xl:left-40 xl:right-auto xl:flex-row">
         <svg
diff --git a/components/PageSection.tsx b/components/PageSection.tsx
index 74ab747..3760089 100644
--- a/components/PageSection.tsx
+++ b/components/PageSection.tsx
@@ -5,7 +5,7 @@ import { FileFolder } from '@models/page'
 import DriveExplorer from './FileExplorer'
 
 type PageSectionProps = {
-  title: string
+  title?: string
   content?: string
   file_folders: FileFolder[]
   isPrivate: boolean
@@ -18,9 +18,11 @@ const PageSection = ({
   isPrivate,
 }: PageSectionProps) => (
   <div>
-    <h2 id={titleToAnchor(title)} className="scroll-mt-24">
-      {title}
-    </h2>
+    {title && (
+      <h2 id={titleToAnchor(title)} className="scroll-mt-24">
+        {title}
+      </h2>
+    )}
     <div
       dangerouslySetInnerHTML={{
         __html: marked.parse(content ?? ''),
diff --git a/components/TableOfContents.tsx b/components/TableOfContents.tsx
index f542491..9000b36 100644
--- a/components/TableOfContents.tsx
+++ b/components/TableOfContents.tsx
@@ -10,12 +10,14 @@ const TableOfContents = ({ sections }: { sections: Section[] }) => {
         <tbody>
           {sections.map((section, i) => (
             <tr key={i}>
-              <Link
-                className="no-underline hover:underline"
-                href={`#${titleToAnchor(section.attributes.title)}`}
-              >
-                {section.attributes.title}
-              </Link>
+              {section.attributes.title && (
+                <Link
+                  className="no-underline hover:underline"
+                  href={`#${titleToAnchor(section.attributes.title)}`}
+                >
+                  {section.attributes.title}
+                </Link>
+              )}
             </tr>
           ))}
         </tbody>
diff --git a/components/header/navbar/LoginButton.tsx b/components/header/navbar/LoginButton.tsx
index 2d4b254..b42c212 100644
--- a/components/header/navbar/LoginButton.tsx
+++ b/components/header/navbar/LoginButton.tsx
@@ -11,7 +11,7 @@ const LoginButton = ({ className }: { className?: string }) => {
         signIn('keycloak')
       }}
       className={classNames(
-        'hover:bg-gray-900 mx-3 rounded-lg border border-white p-2 text-white hover:font-bold',
+        'mx-3 rounded-lg border border-white p-2 text-white hover:border-slate-300 hover:text-slate-300',
         className
       )}
     >
@@ -24,7 +24,7 @@ const LoginButton = ({ className }: { className?: string }) => {
         signOut({ callbackUrl: '/' })
       }}
       className={classNames(
-        'mx-3 rounded-lg border border-teknologröd p-2 text-teknologröd hover:font-bold',
+        'mx-3 rounded-lg border border-teknologröd p-2 text-teknologröd hover:border-red-800 hover:text-red-800',
         className
       )}
     >
diff --git a/components/header/navbar/SideMenu.tsx b/components/header/navbar/SideMenu.tsx
index fe75467..4509f43 100644
--- a/components/header/navbar/SideMenu.tsx
+++ b/components/header/navbar/SideMenu.tsx
@@ -10,7 +10,7 @@ const SideMenu = ({ open, children }: SideMenuProps) => (
   <div
     className={classNames(
       open ? 'translate-y-0' : '-translate-y-full',
-      'duration-400 fixed left-0 top-0 z-10 h-screen w-full overflow-x-hidden bg-darkgray px-4 py-16 transition ease-in-out descendant:mb-2 md:hidden'
+      'duration-400 fixed left-0 top-0 z-10 h-full w-full overflow-x-hidden bg-darkgray px-4 py-16 transition ease-in-out descendant:mb-2 md:hidden'
     )}
   >
     {children}
diff --git a/models/page.ts b/models/page.ts
index 51bfa95..11967e1 100644
--- a/models/page.ts
+++ b/models/page.ts
@@ -21,8 +21,8 @@ export type PageType = {
 export interface Section {
   id: number
   attributes: {
-    title: string
-    content: string
+    title?: string
+    content?: string
     createdAt: Date
     updatedAt: Date
     publishedAt: Date
@@ -35,7 +35,7 @@ export interface Section {
 export interface FileFolder {
   id: number
   attributes: {
-    title: string
+    title?: string
     folderId: string
     description?: string
     createdAt: Date