feat: fixing lint

gympass · Jul 20, 2023 · 51353b0 · 51353b0
1 parent f2c5f41
commit 51353b0
Show file tree

Hide file tree

Showing 5 changed files with 82 additions and 72 deletions.
diff --git a/packages/yoga/src/Stepper/native/Dots.jsx b/packages/yoga/src/Stepper/native/Dots.jsx
@@ -67,18 +67,20 @@ const Label = styled(Text.Bold)(
   `,
 );
 
-const Dots = ({ activeStep, labels, color }) => (
-  <Wrapper>
-    {labels.map((label, index) => (
-      <DotWrapper key={label}>
-        <Dot active={activeDot(index, activeStep)} color={color} />
-        <Label active={activeDot(index, activeStep)} color={color}>
-          {label}
-        </Label>
-      </DotWrapper>
-    ))}
-  </Wrapper>
-);
+const Dots = ({ activeStep, labels, color }) => {
+  return (
+    <Wrapper>
+      {labels.map((label, index) => (
+        <DotWrapper key={label}>
+          <Dot active={activeDot(index, activeStep)} color={color} />
+          <Label active={activeDot(index, activeStep)} color={color}>
+            {label}
+          </Label>
+        </DotWrapper>
+      ))}
+    </Wrapper>
+  );
+};
 
 Dots.propTypes = {
   activeStep: number,

diff --git a/packages/yoga/src/Stepper/native/Line.jsx b/packages/yoga/src/Stepper/native/Line.jsx
@@ -46,15 +46,17 @@ const ActiveLine = styled.View(
 `,
 );
 
-const Line = ({ activeStep, totalSteps, color }) => (
-  <Wrapper>
-    <InactiveLine />
-    <ActiveLine
-      width={activeStep <= 0 ? 0 : (activeStep / totalSteps) * 100}
-      color={color}
-    />
-  </Wrapper>
-);
+const Line = ({ activeStep, totalSteps, color }) => {
+  return (
+    <Wrapper>
+      <InactiveLine />
+      <ActiveLine
+        width={activeStep <= 0 ? 0 : (activeStep / totalSteps) * 100}
+        color={color}
+      />
+    </Wrapper>
+  );
+};
 
 Line.propTypes = {
   activeStep: number,

diff --git a/packages/yoga/src/Stepper/native/Stepper.jsx b/packages/yoga/src/Stepper/native/Stepper.jsx
@@ -26,23 +26,25 @@ const LineWrapper = styled.View(
 
 /** Stepper is responsible for the logic that drives a stepped workflow, it
 provides a wizard-like workflow by dividing content into logical steps. */
-const Stepper = ({ children, activeStep, color, ...rest }) => (
-  <Wrapper {...rest}>
-    <LineWrapper>
-      <Line
-        activeStep={activeStep}
-        totalSteps={React.Children.count(children) - 1}
-        color={color}
-      />
-      <Dots
-        activeStep={activeStep}
-        labels={React.Children.map(children, child => child.props.label)}
-        color={color}
-      />
-    </LineWrapper>
-    {React.Children.toArray(children)[activeStep]}
-  </Wrapper>
-);
+const Stepper = ({ children, activeStep, color, ...rest }) => {
+  return (
+    <Wrapper {...rest}>
+      <LineWrapper>
+        <Line
+          activeStep={activeStep}
+          totalSteps={React.Children.count(children) - 1}
+          color={color}
+        />
+        <Dots
+          activeStep={activeStep}
+          labels={React.Children.map(children, child => child.props.label)}
+          color={color}
+        />
+      </LineWrapper>
+      {React.Children.toArray(children)[activeStep]}
+    </Wrapper>
+  );
+};
 
 Stepper.displayName = 'Stepper';
 

diff --git a/packages/yoga/src/Stepper/web/Dots.jsx b/packages/yoga/src/Stepper/web/Dots.jsx
@@ -80,20 +80,22 @@ const Wrapper = styled.div`
   justify-content: space-between;
 `;
 
-const Dots = ({ activeStep, labels, color }) => (
-  <Wrapper>
-    {labels.map((label, index) => (
-      <DotWrapper
-        active={activeDot(index, activeStep)}
-        color={color}
-        key={label}
-      >
-        <Dot />
-        <Label as="span">{label}</Label>
-      </DotWrapper>
-    ))}
-  </Wrapper>
-);
+const Dots = ({ activeStep, labels, color }) => {
+  return (
+    <Wrapper>
+      {labels.map((label, index) => (
+        <DotWrapper
+          active={activeDot(index, activeStep)}
+          color={color}
+          key={label}
+        >
+          <Dot />
+          <Label as="span">{label}</Label>
+        </DotWrapper>
+      ))}
+    </Wrapper>
+  );
+};
 
 Dots.propTypes = {
   activeStep: number,

diff --git a/packages/yoga/src/Stepper/web/Stepper.jsx b/packages/yoga/src/Stepper/web/Stepper.jsx
@@ -32,26 +32,28 @@ const LineWrapper = styled.div`
 
 /** Stepper is responsible for the logic that drives a stepped workflow, it
 provides a wizard-like workflow by dividing content into logical steps. */
-const Stepper = ({ children, activeStep, color, ...rest }) => (
-  <Root {...rest}>
-    <LineWrapper>
-      <Line
-        width={
-          activeStep <= 0
-            ? 0
-            : (activeStep / (React.Children.count(children) - 1)) * 100
-        }
-        color={color}
-      />
-      <Dots
-        activeStep={activeStep}
-        labels={React.Children.map(children, child => child.props.label)}
-        color={color}
-      />
-    </LineWrapper>
-    {React.Children.toArray(children)[activeStep]}
-  </Root>
-);
+const Stepper = ({ children, activeStep, color, ...rest }) => {
+  return (
+    <Root {...rest}>
+      <LineWrapper>
+        <Line
+          width={
+            activeStep <= 0
+              ? 0
+              : (activeStep / (React.Children.count(children) - 1)) * 100
+          }
+          color={color}
+        />
+        <Dots
+          activeStep={activeStep}
+          labels={React.Children.map(children, child => child.props.label)}
+          color={color}
+        />
+      </LineWrapper>
+      {React.Children.toArray(children)[activeStep]}
+    </Root>
+  );
+};
 
 Stepper.displayName = 'Stepper';