Qihan/MyBlog-Next
1
0
Fork 0
mirror of https://github.com/ChenQihan666/MyBlog-Next.git synced 2026-08-14 11:29:33 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: add types for constants to avoid type errors when empty (#501)

Browse Source 
Add types for `constants` to avoid type errors
when either `SOCIALS` or `SHARE_LINKS` is empty.

---------

Co-authored-by: satnaing <satnaingdev@gmail.com>
This commit is contained in:
kakomonn
2025-06-06 00:31:37 +08:00
committed by GitHub
parent 21bcca85ac
commit bd948604be
2 changed files with 30 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/ShareLinks.astro
+19 -19
View File
@@ -5,22 +5,22 @@ import LinkButton from "./LinkButton.astro";
const URL = Astro.url; const URL = Astro.url;
--- ---
<div {
class="flex flex-col flex-wrap items-center justify-center gap-1 sm:items-start" SHARE_LINKS.length > 0 && (
> <div class="flex flex-none flex-col items-center justify-center gap-1 sm:items-end">
<span class="italic">Share this post on:</span> <span class="italic">Share this post on:</span>
<div class="text-center"> <div class="text-center">
{ {SHARE_LINKS.map(social => (
SHARE_LINKS.map(social => ( <LinkButton
<LinkButton href={`${social.href + URL}`}
href={`${social.href + URL}`} class="scale-90 p-2 hover:rotate-6 sm:p-1"
class="scale-90 p-2 hover:rotate-6 sm:p-1" title={social.linkTitle}
title={social.linkTitle} >
> <social.icon class="inline-block size-6 scale-125 fill-transparent stroke-current stroke-2 opacity-90 group-hover:fill-transparent sm:scale-110" />
<social.icon class="inline-block size-6 scale-125 fill-transparent stroke-current stroke-2 opacity-90 group-hover:fill-transparent sm:scale-110" /> <span class="sr-only">{social.linkTitle}</span>
<span class="sr-only">{social.linkTitle}</span> </LinkButton>
</LinkButton> ))}
)) </div>
} </div>
</div> )
</div> }
src/constants.ts
+11 -3
View File
@@ -1,3 +1,4 @@
import type { Props } from "astro";
import IconMail from "@/assets/icons/IconMail.svg"; import IconMail from "@/assets/icons/IconMail.svg";
import IconGitHub from "@/assets/icons/IconGitHub.svg"; import IconGitHub from "@/assets/icons/IconGitHub.svg";
import IconBrandX from "@/assets/icons/IconBrandX.svg"; import IconBrandX from "@/assets/icons/IconBrandX.svg";
@@ -8,11 +9,18 @@ import IconTelegram from "@/assets/icons/IconTelegram.svg";
import IconPinterest from "@/assets/icons/IconPinterest.svg"; import IconPinterest from "@/assets/icons/IconPinterest.svg";
import { SITE } from "@/config"; import { SITE } from "@/config";
export const SOCIALS = [ interface Social {
name: string;
href: string;
linkTitle: string;
icon: (_props: Props) => Element;
}
export const SOCIALS: Social[] = [
{ {
name: "Github", name: "Github",
href: "https://github.com/satnaing/astro-paper", href: "https://github.com/satnaing/astro-paper",
linkTitle: ` ${SITE.title} on Github`, linkTitle: `${SITE.title} on Github`,
icon: IconGitHub, icon: IconGitHub,
}, },
{ {
@@ -35,7 +43,7 @@ export const SOCIALS = [
}, },
] as const; ] as const;
export const SHARE_LINKS = [ export const SHARE_LINKS: Social[] = [
{ {
name: "WhatsApp", name: "WhatsApp",
href: "https://wa.me/?text=", href: "https://wa.me/?text=",