aidan/aidxnCC
1
1
Fork 0
mirror of https://github.com/ihatenodejs/aidxnCC.git synced 2025-04-25 05:55:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add random footer messages

Browse Source
This commit is contained in:
Aidan 2025-03-28 15:36:37 -04:00
parent ac03e789b4
commit 9988aec1bf
2 changed files with 70 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
components/Footer.tsx
View File

@ -1,7 +1,7 @@
import { TbCopyrightOff } from "react-icons/tb" import { TbCopyrightOff } from "react-icons/tb"
import { RxDividerVertical } from "react-icons/rx" import { RxDividerVertical } from "react-icons/rx"
import { SiNextdotjs } from "react-icons/si"
import Link from 'next/link' import Link from 'next/link'
import RandomFooterMsg from "./objects/RandomFooterMsg"
export default function Footer() { export default function Footer() {
return ( return (
@ -14,12 +14,7 @@ export default function Footer() {
</div> </div>
</Link> </Link>
<RxDividerVertical className="hidden sm:block mx-4"/> <RxDividerVertical className="hidden sm:block mx-4"/>
<Link href="https://nextjs.org" target="_blank" rel="noopener noreferrer" className="hover:text-white transition-colors mb-2 sm:mb-0"> <RandomFooterMsg />
<div className="flex items-center justify-center">
<SiNextdotjs className="text-md mr-2" />
Built with Next.js
</div>
</Link>
</div> </div>
</footer> </footer>
) )

68
components/objects/RandomFooterMsg.tsx Normal file
View File

@ -0,0 +1,68 @@
import {
SiNextdotjs,
SiLucide,
SiVercel,
SiCloudflarepages,
SiSimpleicons,
SiFontawesome,
SiShadcnui,
SiTailwindcss
} from "react-icons/si"
import Link from 'next/link'
export const footerMessages = [
[
"Built with Next.js",
"https://nextjs.org",
<SiNextdotjs key="nextjs" className="text-md mr-2" />
],
[
"Icons by Lucide",
"https://lucide.dev/",
<SiLucide key="lucide" className="text-md mr-2" />
],
[
"Icons by Simple Icons",
"https://simpleicons.org/",
<SiSimpleicons key="simpleicons" className="text-md mr-2" />
],
[
"Font by Vercel",
"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/",
<SiFontawesome key="fontawesome" className="text-md mr-2" />
],
[
"Components by Shadcn",
"https://ui.shadcn.com/",
<SiShadcnui key="shadcn" className="text-md mr-2" />
],
[
"Styled with Tailwind",
"https://tailwindcss.com/",
<SiTailwindcss key="tailwind" className="text-md mr-2" />
]
]
export default function RandomFooterMsg() {
const randomIndex = Math.floor(Math.random() * footerMessages.length)
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>
<div className="flex items-center justify-center">
{icon}
{message}
</div>
</Link>
)
}