update topic

seadfeng · Oct 24, 2024 · fe4655f · fe4655f
1 parent a8b3207
commit fe4655f
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 6 deletions.
diff --git a/src/components/frontend/page/topic/fonts.tsx b/src/components/frontend/page/topic/fonts.tsx
@@ -2,6 +2,7 @@
 import Copy from "@/components/shared/copy";
 import { Button } from "@/components/ui/button";
 import { appConfig } from "@/config";
+import { AlternatingFontKey, alternatingFonts } from "@/fonts";
 import { FontKey, fonts, transforms } from "@/transforms";
 import { HTMLAttributes } from "react";
 
@@ -17,11 +18,14 @@ export const Fonts = ({
   content: string;   
 }) => {  
 
-  const FontItem = ({ fontKey }: { fontKey: FontKey }) => { 
-    const chars = transforms[fontKey] as TransformMap;
+  const FontItem = ({ fontKey }: { fontKey: FontKey }) => {  
 
     const transformAndAdjust = (text: string) => {
-      return Array.from(text).map(char => {
+      return Array.from(text).map((char,idx) => {
+        const alternatingIdx = idx % 2; // index 0 or 1
+        const alternatings = alternatingFonts; 
+        const chars = fontKey.includes("alternating") ? transforms[(alternatings[fontKey as AlternatingFontKey][alternatingIdx]) as FontKey] as TransformMap : transforms[fontKey] as TransformMap;
+
         let newChar = chars[char] || char;  
         return newChar;
       }).join('');

diff --git a/src/slugs.ts b/src/slugs.ts
@@ -118,7 +118,13 @@ export const topicFonts: Record<TopicKey, FontKey[]> = {
     "sansBoldItalic",
     "serifBold",
     "serifItalic",
-    "serifBoldItalic"
+    "serifBoldItalic",
+    "alternatingSerifBold",
+    "alternatingSansBold",
+    "alternatingBoldScript",
+    "alternatingBoldFraktur",
+    "alternatingSansBoldItalic",
+    "alternatingSerifBoldItalic"
   ],
   twitter: [
     "fraktur",
@@ -129,7 +135,13 @@ export const topicFonts: Record<TopicKey, FontKey[]> = {
     "sansBoldItalic",
     "serifBold",
     "serifItalic",
-    "serifBoldItalic"
+    "serifBoldItalic",
+    "alternatingSerifBold",
+    "alternatingSansBold",
+    "alternatingBoldScript",
+    "alternatingBoldFraktur",
+    "alternatingSansBoldItalic",
+    "alternatingSerifBoldItalic"
   ],
   whatsapp: [
     "fraktur",
@@ -140,6 +152,12 @@ export const topicFonts: Record<TopicKey, FontKey[]> = {
     "sansBoldItalic",
     "serifBold",
     "serifItalic",
-    "serifBoldItalic"
+    "serifBoldItalic",
+    "alternatingSerifBold",
+    "alternatingSansBold",
+    "alternatingBoldScript",
+    "alternatingBoldFraktur",
+    "alternatingSansBoldItalic",
+    "alternatingSerifBoldItalic"
   ]
 }