style(biome): using biome for format, lint, check

2025-11-08 12:58:40 +02:00
parent 075a388ccb
commit fdd1cbbfd5
152 changed files with 3737 additions and 3989 deletions
@@ -4,55 +4,55 @@ import { withController } from "@/ui/components/controls/forms/withController";
 import { Caption } from "@/ui/components/typography";

 const StyledTextArea = styled(TamaguiTextArea, {
-    size: "$4",
-    flex: 1,
-    minHeight: 100,
-    borderWidth: 0,
-    placeholderTextColor: "$gray8",
-    backgroundColor: "transparent",
+  backgroundColor: "transparent",
+  borderWidth: 0,
+  flex: 1,
+  minHeight: 100,
+  placeholderTextColor: "$gray8",
+  size: "$4",
 });

 type TextAreaProps = GetProps<typeof StyledTextArea> & {
-    label?: string;
-    caption?: string;
-    error?: string;
-    onChangeText?: (text: string) => void;
-    id?: string;
+  label?: string;
+  caption?: string;
+  error?: string;
+  onChangeText?: (text: string) => void;
+  id?: string;
 };

 export const TextArea = (props: TextAreaProps) => {
-    const { label, caption, error, onChangeText, id, ...rest } = props;
+  const { label, caption, error, onChangeText, id, ...rest } = props;

-    const isInvalid = !!error;
+  const isInvalid = !!error;

-    return (
-        <YStack gap="$2">
-            {label && (
-                <Label htmlFor={id} fontWeight="bold" color={isInvalid ? "$red9" : undefined}>
-                    {label}
-                </Label>
-            )}
+  return (
+    <YStack gap="$2">
+      {label && (
+        <Label color={isInvalid ? "$red9" : undefined} fontWeight="bold" htmlFor={id}>
+          {label}
+        </Label>
+      )}

-            <XStack
-                alignItems="flex-start"
-                backgroundColor="$gray4"
-                borderRadius="$4"
-                borderWidth="$0.5"
-                borderColor={isInvalid ? "$red9" : "transparent"}
-                focusStyle={{
-                    borderColor: "$accent8",
-                }}
-                pressStyle={{
-                    borderColor: "$accent8",
-                }}
-            >
-                <StyledTextArea id={id} onChangeText={onChangeText} {...rest} />
-            </XStack>
+      <XStack
+        alignItems="flex-start"
+        backgroundColor="$gray4"
+        borderColor={isInvalid ? "$red9" : "transparent"}
+        borderRadius="$4"
+        borderWidth="$0.5"
+        focusStyle={{
+          borderColor: "$accent8",
+        }}
+        pressStyle={{
+          borderColor: "$accent8",
+        }}
+      >
+        <StyledTextArea id={id} onChangeText={onChangeText} {...rest} />
+      </XStack>

-            {caption && !isInvalid && <Caption>{caption}</Caption>}
-            {isInvalid && error && <Caption color="$red9">{error}</Caption>}
-        </YStack>
-    );
+      {caption && !isInvalid && <Caption>{caption}</Caption>}
+      {isInvalid && error && <Caption color="$red9">{error}</Caption>}
+    </YStack>
+  );
 };

 export const FormTextArea = withController<TextAreaProps>(TextArea);