override app-font-family + add comments

opengovsg · Jan 13, 2025 · 25eee45 · 25eee45
1 parent 4608ab5
commit 25eee45
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/packages/components/src/interfaces/internal/Vica.ts b/packages/components/src/interfaces/internal/Vica.ts
@@ -1,5 +1,8 @@
 import type { ScriptComponentType } from "~/types"
 
+// NOTE: not all props will be used even if we passed them in
+// as we will override some of them with Isomer's configuration e.g. font-family
+// Nevertheless, keeping them here for reference
 interface VicaWidgetProps {
   // UI Theme
   "app-id": string

diff --git a/packages/components/src/templates/next/components/internal/Vica/Vica.tsx b/packages/components/src/templates/next/components/internal/Vica/Vica.tsx
@@ -27,7 +27,13 @@ export const VicaWidget = ({
         // Reference: https://nextjs.org/docs/pages/api-reference/components/script#lazyonload
         strategy="lazyOnload"
       />
-      <div id="webchat" {...props} />
+      <div
+        id="webchat"
+        {...props}
+        app-font-family="Inter, system-ui, sans-serif"
+        // NOTE: Clarifying with VICA regarding color scheme
+        // Once confirmed, will override with site's color scheme for consistency
+      />
     </>
   )
 }