bug fixes, cleanup unmaintained pages, content changes, design improvements

components/objects/MusicInfo.tsx

@@ -1,31 +0,0 @@
-import React from 'react';
-import Button from './Button';
-
-interface TimePeriod {
-  title: string;
-  slug: string;
-}
-
-const timePeriods: TimePeriod[] = [
-  { title: 'Late Summer 2024', slug: 'late-summer-2024' },
-  { title: 'Early Summer 2024', slug: 'early-summer-2024' },
-];
-
-const MusicInfo: React.FC = () => {
-  return (
-    <div>
-      {timePeriods.map((period) => (
-        <section key={period.slug} className="mb-12">
-          <h2 className="text-2xl font-semibold mb-4">{period.title}</h2>
-          <Button
-            href={`/time-periods/${period.slug}/what-was-going-on`}
-            label="WHAT WAS GOING ON"
-          />
-        </section>
-      ))}
-    </div>
-  );
-};
-
-export default MusicInfo;
-

components/objects/RandomFooterMsg.tsx

@@ -1,14 +1,16 @@
+"use client"
+
 import {
   SiNextdotjs,
   SiLucide,
   SiVercel,
-  SiCloudflarepages,
   SiSimpleicons,
   SiFontawesome,
   SiShadcnui,
   SiTailwindcss
 } from "react-icons/si"
 import Link from 'next/link'
+import { useState, useEffect } from 'react'
 
 export const footerMessages = [
   [
@@ -31,11 +33,6 @@ export const footerMessages = [
     "https://vercel.com/font",
     <SiVercel key="vercel" className="text-md mr-2" />
   ],
-  [
-    "Hosted by Cloudflare",
-    "https://workers.cloudflare.com/",
-    <SiCloudflarepages key="cloudflare" className="text-md mr-2" />
-  ],
   [
     "Icons by Font Awesome",
     "https://fontawesome.com/",
@@ -54,11 +51,30 @@ export const footerMessages = [
 ]
 
 export default function RandomFooterMsg() {
-  const randomIndex = Math.floor(Math.random() * footerMessages.length)
+  const [randomIndex, setRandomIndex] = useState(0)
+  const [isMounted, setIsMounted] = useState(false)
+
+  useEffect(() => {
+    setIsMounted(true)
+    setRandomIndex(Math.floor(Math.random() * footerMessages.length))
+  }, [])
+
+  if (!isMounted) {
+    const [message, url, icon] = footerMessages[0]
+    return (
+      <Link href={String(url)} target="_blank" rel="noopener noreferrer" className="hover:text-white transition-colors mb-2 sm:mb-0">
+        <div className="flex items-center justify-center">
+          {icon}
+          {message}
+        </div>
+      </Link>
+    )
+  }
+
   const [message, url, icon] = footerMessages[randomIndex]
 
   return (
-    <Link href={String(url)} target="_blank" rel="noopener noreferrer" className="hover:text-white transition-colors mb-2 sm:mb-0" suppressHydrationWarning>
+    <Link href={String(url)} target="_blank" rel="noopener noreferrer" className="hover:text-white transition-colors mb-2 sm:mb-0">
       <div className="flex items-center justify-center">
         {icon}
         {message}