Skip to content

Commit 673b5a4

Browse files
committed
Icon: Added retry icon
1 parent ebe8b80 commit 673b5a4

File tree

5 files changed

+50
-2
lines changed

5 files changed

+50
-2
lines changed

src/ui/Button/IconButton.stories.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ export default getConfig({
1010
argTypes: { onClick: { action: 'clicked' } }
1111
})
1212

13-
const icons = ['activity', 'add', 'arrowLeft', 'arrowRight', 'check', 'chevronDown', 'chevronUp', 'classes', 'close', 'help', 'home', 'menu', 'pause', 'search', 'statistics', 'students']
13+
const icons = ['activity', 'add', 'arrowLeft', 'arrowRight', 'check', 'chevronDown', 'chevronUp', 'classes', 'close', 'help', 'home', 'menu', 'pause', 'retry', 'search', 'statistics', 'students']
1414

1515
export function Basic () {
1616
const [loading, setLoading] = useState(false)

src/ui/Button/index.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -99,6 +99,7 @@ IconButton.propTypes = {
9999
'home',
100100
'menu',
101101
'pause',
102+
'retry',
102103
'search',
103104
'statistics',
104105
'students'

src/ui/Icon/Icon.stories.js

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -63,6 +63,10 @@ export function Variants () {
6363
<td>pause</td>
6464
<td><Icon name='pause' /></td>
6565
</tr>
66+
<tr>
67+
<td>retry</td>
68+
<td><Icon name='retry' /></td>
69+
</tr>
6670
<tr>
6771
<td>search</td>
6872
<td><Icon name='search' /></td>

src/ui/Icon/icon-retry.svg

Lines changed: 40 additions & 0 deletions
Loading

src/ui/Icon/index.js

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,7 @@ import { ReactComponent as Check } from './icon-check.svg'
1414
import { ReactComponent as Close } from './icon-close.svg'
1515
import { ReactComponent as Menu } from './icon-menu.svg'
1616
import { ReactComponent as Pause } from './icon-pause.svg'
17+
import { ReactComponent as Retry } from './icon-retry.svg'
1718
import { ReactComponent as Search } from './icon-search.svg'
1819
import { ReactComponent as ChevronUp } from './icon-chevron-up.svg'
1920
import { ReactComponent as ChevronDown } from './icon-chevron-down.svg'
@@ -37,7 +38,8 @@ export function Icon ({ name, size, className, ...props }) {
3738
close: <Close />,
3839
menu: <Menu />,
3940
search: <Search />,
40-
pause: <Pause />
41+
pause: <Pause />,
42+
retry: <Retry />
4143
}
4244

4345
return (
@@ -63,6 +65,7 @@ Icon.propTypes = {
6365
'home',
6466
'menu',
6567
'pause',
68+
'retry',
6669
'search',
6770
'statistics',
6871
'students'

0 commit comments

Comments
 (0)