Translations for the density controls

howsoai · Jun 21, 2024 · 71756c8 · 71756c8
1 parent 5ec478e
commit 71756c8
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/public/locales/howso-engine-react-display-components/en.json b/public/locales/howso-engine-react-display-components/en.json
@@ -201,6 +201,10 @@
         "label": "Configure feature"
       },
       "labels": {
+        "density": {
+          "compact": "Compact",
+          "comfortable": "Comfortable"
+        },
         "invalidConfiguration": "Please adjust this configuration",
         "sample": "Sample"
       },

diff --git a/src/components/FeatureAttributes/FeaturesAttributesCompact/FeaturesAttributesCompact.tsx b/src/components/FeatureAttributes/FeaturesAttributesCompact/FeaturesAttributesCompact.tsx
@@ -204,16 +204,14 @@ const Header: FC<HeaderProps> = ({
             color={isCompact ? "info" : "gray"}
             onClick={() => setIsCompact(true)}
           >
-            {/* <HiUserCircle className="mr-3 h-4 w-4" /> */}
-            Compact
+            {t(translations.labels.density.compact)}
           </Button>
           <Button
             size={"sm"}
             color={!isCompact ? "info" : "gray"}
             onClick={() => setIsCompact(false)}
           >
-            {/* <HiAdjustments className="mr-3 h-4 w-4" /> */}
-            Comfortable
+            {t(translations.labels.density.comfortable)}
           </Button>
         </Button.Group>
       </div>

diff --git a/src/components/FeatureAttributes/FeaturesAttributesCompact/constants.ts b/src/components/FeatureAttributes/FeaturesAttributesCompact/constants.ts
@@ -21,6 +21,10 @@ export const translations = {
     label: `${base}.form.label`,
   },
   labels: {
+    density: {
+      compact: `${base}.labels.density.compact`,
+      comfortable: `${base}.labels.density.comfortable`,
+    },
     invalidConfiguration: `${base}.labels.invalidConfiguration`,
     sample: `${base}.labels.sample`,
   },