From a5df28fad0dae266a857ae110c43b3cb8b23c996 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Fri, 8 Apr 2022 19:41:40 +0200
Subject: refactor: use a consistent classname prop and avoid children prop

I was using the FunctionComponent type for some component that do not
use children. So I change the type to VoidFunctionComponent to avoid
mistakes.
I also rename all the "classes" or "additionalClasses" props to
"className" to keep consistency between each components.
---
 src/components/atoms/loaders/progress-bar.stories.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

(limited to 'src/components/atoms/loaders/progress-bar.stories.tsx')

diff --git a/src/components/atoms/loaders/progress-bar.stories.tsx b/src/components/atoms/loaders/progress-bar.stories.tsx
index 837a696..4fde5a7 100644
--- a/src/components/atoms/loaders/progress-bar.stories.tsx
+++ b/src/components/atoms/loaders/progress-bar.stories.tsx
@@ -5,11 +5,14 @@ export default {
   title: 'Atoms/Loaders',
   component: ProgressBarComponent,
   argTypes: {
-    ariaLabel: {
+    'aria-label': {
       control: {
         type: 'string',
       },
       description: 'An accessible name.',
+      table: {
+        category: 'Accessibility',
+      },
       type: {
         name: 'string',
         required: false,
@@ -30,6 +33,9 @@ export default {
         type: 'text',
       },
       description: 'An additional information to display.',
+      table: {
+        category: 'Options',
+      },
       type: {
         name: 'string',
         required: false,
-- 
cgit v1.2.3

lippot.com/tree/.husky/commit-msg?id=67581629ea87162e6d47b39b867b37a9a50754aa'>tree</a><a href='/www.armandphilippot.com/commit/.husky/commit-msg?id=67581629ea87162e6d47b39b867b37a9a50754aa'>commit</a><a href='/www.armandphilippot.com/diff/.husky/commit-msg?id=67581629ea87162e6d47b39b867b37a9a50754aa'>diff</a><a href='/www.armandphilippot.com/stats/.husky/commit-msg'>stats</a></td><td class='form'><form class='right' method='get' action='/www.armandphilippot.com/log/.husky/commit-msg'>
<input type='hidden' name='id' value='67581629ea87162e6d47b39b867b37a9a50754aa'/><select name='qt'>
<option value='grep'>log msg</option>
<option value='author'>author</option>
<option value='committer'>committer</option>
<option value='range'>range</option>
</select>
<input class='txt' type='search' size='10' name='q' value=''/>
<input type='submit' value='search'/>
</form>
</td></tr></table>
<div class='path'>path: <a href='/www.armandphilippot.com/tree/?id=67581629ea87162e6d47b39b867b37a9a50754aa'>root</a>/<a href='/www.armandphilippot.com/tree/.husky?id=67581629ea87162e6d47b39b867b37a9a50754aa'>.husky</a>/<a href='/www.armandphilippot.com/tree/.husky/commit-msg?id=67581629ea87162e6d47b39b867b37a9a50754aa'>commit-msg</a></div><div class='content'>blob: 80416c7b176593c81fdb8fd4b99c6f3d44382f4a (<a href='/www.armandphilippot.com/plain/.husky/commit-msg?id=67581629ea87162e6d47b39b867b37a9a50754aa'>plain</a>)
<table summary='blob content' class='blob'>
<tr><td class='linenumbers'><pre><a id='n1' href='#n1'>1</a>
<a id='n2' href='#n2'>2</a>
<a id='n3' href='#n3'>3</a>
<a id='n4' href='#n4'>4</a>
</pre></td>
<td class='lines'><pre><code>