Rename args to props

kmbcook · Mar 6, 2024 · 422db60 · 422db60
1 parent 42ce801
commit 422db60
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 18 deletions.
diff --git a/src/stories/InlineSystemMessage.stories.tsx b/src/stories/InlineSystemMessage.stories.tsx
@@ -15,9 +15,9 @@ const story: ComponentMeta<typeof InlineSystemMessage> = {
     component: InlineSystemMessage,
 };
 
-function Template(args: InlineSystemMessageProps) {
+function Template(props: InlineSystemMessageProps) {
     // eslint-disable-next-line react/jsx-props-no-spreading
-    return <InlineSystemMessage {...args} />;
+    return <InlineSystemMessage {...props} />;
 }
 
 // Arguments can be passed to the component by binding

diff --git a/src/stories/MagicCodeInput.stories.tsx b/src/stories/MagicCodeInput.stories.tsx
@@ -15,14 +15,14 @@ const story: ComponentMeta<typeof MagicCodeInput> = {
     component: MagicCodeInput,
 };
 
-function Template(args: MagicCodeInputProps) {
+function Template(props: MagicCodeInputProps) {
     const [value, setValue] = useState('');
     return (
         <MagicCodeInput
             value={value}
             onChangeText={setValue}
             // eslint-disable-next-line react/jsx-props-no-spreading
-            {...args}
+            {...props}
         />
     );
 }

diff --git a/src/stories/Picker.stories.tsx b/src/stories/Picker.stories.tsx
@@ -17,14 +17,14 @@ const story: ComponentMeta<typeof Picker> = {
     component: Picker,
 };
 
-function Template(args: TemplateProps) {
+function Template(props: TemplateProps) {
     const [value, setValue] = useState('');
     return (
         <Picker
             value={value}
             onInputChange={(e) => setValue(e)}
             // eslint-disable-next-line react/jsx-props-no-spreading
-            {...args}
+            {...props}
         />
     );
 }

diff --git a/src/stories/TextInput.stories.tsx b/src/stories/TextInput.stories.tsx
@@ -15,9 +15,9 @@ const story: ComponentMeta<typeof TextInput> = {
     component: TextInput,
 };
 
-function Template(args: BaseTextInputProps) {
+function Template(props: BaseTextInputProps) {
     // eslint-disable-next-line react/jsx-props-no-spreading
-    return <TextInput {...args} />;
+    return <TextInput {...props} />;
 }
 
 // Arguments can be passed to the component by binding
@@ -80,12 +80,12 @@ MaxLengthInput.args = {
     maxLength: 50,
 };
 
-function HintAndErrorInput(args: BaseTextInputProps) {
+function HintAndErrorInput(props: BaseTextInputProps) {
     const [error, setError] = useState('');
     return (
         <TextInput
             // eslint-disable-next-line react/jsx-props-no-spreading
-            {...args}
+            {...props}
             onChangeText={(value) => {
                 if (value && value.toLowerCase() === 'oops!') {
                     setError("Oops! Looks like there's an error");
@@ -105,16 +105,16 @@ HintAndErrorInput.args = {
 };
 
 // To use autoGrow we need to control the TextInput's value
-function AutoGrowSupportInput(args: BaseTextInputProps) {
-    const [value, setValue] = useState(args.value ?? '');
+function AutoGrowSupportInput(props: BaseTextInputProps) {
+    const [value, setValue] = useState(props.value ?? '');
     React.useEffect(() => {
-        setValue(args.value ?? '');
-    }, [args.value]);
+        setValue(props.value ?? '');
+    }, [props.value]);
 
     return (
         <TextInput
             // eslint-disable-next-line react/jsx-props-no-spreading
-            {...args}
+            {...props}
             onChangeText={setValue}
             value={value}
         />

diff --git a/src/stories/Tooltip.stories.tsx b/src/stories/Tooltip.stories.tsx
@@ -15,15 +15,15 @@ const story: ComponentMeta<typeof Tooltip> = {
     component: Tooltip,
 };
 
-function Template(args: TooltipExtendedProps) {
+function Template(props: TooltipExtendedProps) {
     return (
         <div style={{width: 100}}>
             <Tooltip
                 // eslint-disable-next-line react/jsx-props-no-spreading
-                {...args}
+                {...props}
                 // Disable nullish coalescing to handle cases when maxWidth is 0
                 // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
-                maxWidth={args.maxWidth || undefined}
+                maxWidth={props.maxWidth || undefined}
             >
                 <div
                     style={{