Skip to content

Commit 4759793

Browse files
author
Corey Lafferty
committed
fixed linting errors
1 parent 7c52ae8 commit 4759793

File tree

3 files changed

+28
-38
lines changed

3 files changed

+28
-38
lines changed

services/app/source/01-global/duration/duration.stories.tsx

Lines changed: 3 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -23,21 +23,17 @@ const duration = allVars.reduce((allDurations, [key, value]) => {
2323
const Duration: Story = args => {
2424
return (
2525
<div className={styles['duration']}>
26-
<div className={styles.helptext}>
27-
(Hover to demo duration)
28-
</div>
26+
<div className={styles.helptext}>(Hover to demo duration)</div>
2927
<div className={styles.group}>
3028
{Object.entries(args.duration as DurationOptions).map(
3129
([duration, transitionDuration]) => (
32-
<div className={styles.item}>
30+
<div className={styles.item} key={`duration-${duration}`}>
3331
<div
34-
key={`duration-${duration}`}
3532
className={styles.indicator}
3633
style={{
3734
transitionDuration,
3835
}}
39-
>
40-
</div>
36+
></div>
4137
<div className={styles.label}>
4238
<div>{duration}</div>
4339
<div>{transitionDuration}</div>

services/app/source/01-global/easing/easing.stories.tsx

Lines changed: 4 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -23,24 +23,18 @@ const easing = allVars.reduce((allEases, [key, value]) => {
2323
const Easing: Story = args => {
2424
return (
2525
<div className={styles['easing']}>
26-
<div className={styles.helptext}>
27-
(Hover to demo easing)
28-
</div>
26+
<div className={styles.helptext}>(Hover to demo easing)</div>
2927
{Object.entries(args.easing as EasingOptions).map(
3028
([ease, transitionTimingFunction]) => (
31-
<div className={styles.group}>
29+
<div className={styles.group} key={`easing-${ease}`}>
3230
<div className={styles.item}>
3331
<div
34-
key={`easing-${ease}`}
3532
className={styles.indicator}
3633
style={{
3734
transitionTimingFunction,
3835
}}
39-
>
40-
</div>
41-
<div className={styles.label}>
42-
{ease}
43-
</div>
36+
></div>
37+
<div className={styles.label}>{ease}</div>
4438
</div>
4539
</div>
4640
),

services/app/source/01-global/spacing/space.stories.tsx

Lines changed: 21 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ const spacing = allVars.reduce((allSpacing, [key, value]) => {
2222
if (key.indexOf('--spacing') === 0) {
2323
let space = key.substring(10);
2424
if (space.includes('-')) {
25-
space = space.replace('-','.');
25+
space = space.replace('-', '.');
2626
} else {
2727
space = space + '.0';
2828
}
@@ -43,28 +43,28 @@ const Spacing: Story = args => {
4343
</tr>
4444
</thead>
4545
<tbody>
46-
{Object.entries(args.spacing as SpacingOptions).map(
47-
([name, unit]) => (
48-
<tr>
49-
<td>{name.replace('.0','')}</td>
50-
<td>{Number(unit.replace('px','')) / Number(basefontsize.replace('px',''))}rem</td>
51-
<td>{unit}</td>
52-
<td>
53-
<div
54-
style={{
55-
height: unit,
56-
width: unit,
57-
backgroundColor: '#ccc',
58-
}}
59-
>
60-
</div>
61-
</td>
62-
</tr>
63-
),
64-
)}
46+
{Object.entries(args.spacing as SpacingOptions).map(([name, unit]) => (
47+
<tr key={`spacing-${name}`}>
48+
<td>{name.replace('.0', '')}</td>
49+
<td>
50+
{Number(unit.replace('px', '')) /
51+
Number(basefontsize.replace('px', ''))}
52+
rem
53+
</td>
54+
<td>{unit}</td>
55+
<td>
56+
<div
57+
style={{
58+
height: unit,
59+
width: unit,
60+
backgroundColor: '#ccc',
61+
}}
62+
></div>
63+
</td>
64+
</tr>
65+
))}
6566
</tbody>
6667
</table>
67-
6868
);
6969
};
7070
Spacing.args = {

0 commit comments

Comments
 (0)