feat(app): allow customization of scorer panel text (#2366)

passportxyz · Apr 2, 2024 · cfa4de9 · cfa4de9
1 parent 1f7edd1
commit cfa4de9
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/app/components/DashboardScorePanel.tsx b/app/components/DashboardScorePanel.tsx
@@ -101,6 +101,7 @@ const ScoreRing = ({ className }: { className: string }) => {
 export const DashboardScorePanel = ({ className }: { className: string }) => {
   const customization = useCustomization();
   const customTitle = isDynamicCustomization(customization) ? customization.scorerPanel?.title : undefined;
+  const customText = isDynamicCustomization(customization) ? customization.scorerPanel?.text : undefined;
 
   return (
     <div
@@ -115,9 +116,9 @@ export const DashboardScorePanel = ({ className }: { className: string }) => {
         <ScoreRing className="shrink-0" />
         <div className="mx-6 h-3/4 w-[2px] shrink-0 bg-gradient-to-t from-background-4 via-foreground-2 to-background-4" />
         <p className="shrink">
-          Your {customTitle || "Unique Humanity Score"} is based out of 100 and measures your uniqueness. The current
-          passing threshold is 20. Scores may vary across different apps, especially due to abuse or attacks on the
-          service.
+          {customText ||
+            "Your Unique Humanity Score is based out of 100 and measures your uniqueness. The current passing threshold is 20. " +
+              "Scores may vary across different apps, especially due to abuse or attacks on the service."}
         </p>
       </div>
     </div>

diff --git a/app/utils/customizationUtils.tsx b/app/utils/customizationUtils.tsx
@@ -35,6 +35,7 @@ export type DynamicCustomization = BasicCustomization & {
   };
   scorerPanel?: {
     title?: string;
+    text?: string;
   };
   dashboardPanel: {
     logo: {
@@ -64,6 +65,7 @@ type CustomizationResponse = {
   };
   scorerPanel?: {
     title?: string;
+    text?: string;
   };
   dashboardPanel?: {
     logo?: {
@@ -108,6 +110,7 @@ export const requestDynamicCustomizationConfig = async (
       },
       scorerPanel: {
         title: customizationResponse.scorerPanel?.title,
+        text: customizationResponse.scorerPanel?.text,
       },
       dashboardPanel: {
         logo: {