feat(StringInputWithCharacterCount): handle plural form

varianter · Sep 11, 2024 · e2cfad5 · e2cfad5
1 parent 005f8b5
commit e2cfad5
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/studio/components/StringInputWithCharacterCount.tsx b/studio/components/StringInputWithCharacterCount.tsx
@@ -10,13 +10,16 @@ export const StringInputWithCharacterCount = ({
   ...defaultProps
 }: StringInputWithCharacterCountProps) => {
   const characterCount = defaultProps.value?.length ?? 0;
+  const isPlural =
+    (maxCount !== undefined && maxCount !== 1) ||
+    (maxCount === undefined && characterCount !== 1);
 
   return (
     <Stack space={3}>
       <Box>{defaultProps.renderDefault(defaultProps)}</Box>
       <Text size={1} muted>
         {characterCount}
-        {maxCount && `/${maxCount}`} characters
+        {maxCount && `/${maxCount}`} character{isPlural ? "s" : ""}
       </Text>
     </Stack>
   );