From d13e30494d1abaf5c37dfdf1f802ee964d14f9f1 Mon Sep 17 00:00:00 2001 From: Mati Dastugue Date: Thu, 6 May 2021 16:39:13 -0300 Subject: [PATCH 1/2] Add import/export icons --- src/dataDisplay/Icon/images/export.tsx | 41 ++++++++++++++++++++++++++ src/dataDisplay/Icon/images/import.tsx | 41 ++++++++++++++++++++++++++ src/dataDisplay/Icon/index.tsx | 4 +++ 3 files changed, 86 insertions(+) create mode 100644 src/dataDisplay/Icon/images/export.tsx create mode 100644 src/dataDisplay/Icon/images/import.tsx diff --git a/src/dataDisplay/Icon/images/export.tsx b/src/dataDisplay/Icon/images/export.tsx new file mode 100644 index 00000000..d98b00fa --- /dev/null +++ b/src/dataDisplay/Icon/images/export.tsx @@ -0,0 +1,41 @@ +import React from 'react'; + +export default { + sm: ( + + + + + ), + md: ( + + + + + + ), +}; diff --git a/src/dataDisplay/Icon/images/import.tsx b/src/dataDisplay/Icon/images/import.tsx new file mode 100644 index 00000000..06a72cd4 --- /dev/null +++ b/src/dataDisplay/Icon/images/import.tsx @@ -0,0 +1,41 @@ +import React from 'react'; + +export default { + sm: ( + + + + + ), + md: ( + + + + + ), +}; diff --git a/src/dataDisplay/Icon/index.tsx b/src/dataDisplay/Icon/index.tsx index 21f7a180..279d9452 100644 --- a/src/dataDisplay/Icon/index.tsx +++ b/src/dataDisplay/Icon/index.tsx @@ -31,6 +31,7 @@ import devicePassword from './images/devicePassword'; import edit from './images/edit'; import error from './images/error'; import eth from './images/eth'; +import exportImg from './images/export'; import externalLink from './images/externalLink'; import eye from './images/eye'; import eyeOff from './images/eyeOff'; @@ -39,6 +40,7 @@ import fingerPrint from './images/fingerPrint'; import fuelIndicator from './images/fuelIndicator'; import getInTouch from './images/getInTouch'; import home from './images/home'; +import importImg from './images/import'; import info from './images/info'; import knowledge from './images/knowledge'; import licenses from './images/licenses'; @@ -116,6 +118,7 @@ const icons = { edit, error, eth, + exportImg, externalLink, eye, eyeOff, @@ -124,6 +127,7 @@ const icons = { fuelIndicator, getInTouch, home, + importImg, info, knowledge, licenses, From 0ee294a98ace70abd8d8bc5d4024a45eebfa828b Mon Sep 17 00:00:00 2001 From: Mati Dastugue Date: Fri, 7 May 2021 12:26:22 -0300 Subject: [PATCH 2/2] Add icons to the stories + Run test and prettier --- src/dataDisplay/Icon/icon.stories.tsx | 2 + src/dataDisplay/Icon/images/export.tsx | 63 +++++++++++----------- src/dataDisplay/Icon/images/import.tsx | 61 +++++++++++---------- tests/__snapshots__/storybook.test.js.snap | 56 +++++++++++++++++++ 4 files changed, 123 insertions(+), 59 deletions(-) diff --git a/src/dataDisplay/Icon/icon.stories.tsx b/src/dataDisplay/Icon/icon.stories.tsx index 01107ae6..44bebac9 100644 --- a/src/dataDisplay/Icon/icon.stories.tsx +++ b/src/dataDisplay/Icon/icon.stories.tsx @@ -61,6 +61,7 @@ export const Icons = (): React.ReactElement => { 'edit', 'error', 'eth', + 'exportImg', 'externalLink', 'eye', 'eyeOff', @@ -69,6 +70,7 @@ export const Icons = (): React.ReactElement => { 'fuelIndicator', 'getInTouch', 'home', + 'importImg', 'info', 'knowledge', 'licenses', diff --git a/src/dataDisplay/Icon/images/export.tsx b/src/dataDisplay/Icon/images/export.tsx index d98b00fa..009d7c85 100644 --- a/src/dataDisplay/Icon/images/export.tsx +++ b/src/dataDisplay/Icon/images/export.tsx @@ -2,40 +2,43 @@ import React from 'react'; export default { sm: ( - - - + + + ), md: ( - - - + - + - + className="icon-color" + d="M10.9996 5.414V16.997C10.9996 17.55 11.4476 17.997 11.9996 17.997C12.5526 17.997 12.9996 17.55 12.9996 16.997V5.414L17.1216 9.535C17.5126 9.926 18.1456 9.926 18.5356 9.535C18.9266 9.144 18.9266 8.512 18.5356 8.121L12.8786 2.464C12.8496 2.435 12.8186 2.408 12.7876 2.384C12.6036 2.149 12.3196 2 11.9996 2C11.6806 2 11.3956 2.149 11.2126 2.384C11.1816 2.408 11.1496 2.435 11.1216 2.464L5.46464 8.121C5.07364 8.512 5.07364 9.144 5.46464 9.535C5.85464 9.926 6.48764 9.926 6.87864 9.535L10.9996 5.414Z" + /> + ), }; diff --git a/src/dataDisplay/Icon/images/import.tsx b/src/dataDisplay/Icon/images/import.tsx index 06a72cd4..7825aa9d 100644 --- a/src/dataDisplay/Icon/images/import.tsx +++ b/src/dataDisplay/Icon/images/import.tsx @@ -2,40 +2,43 @@ import React from 'react'; export default { sm: ( - - - + + + ), md: ( - - - + + + className="icon-color" + d="M13.0009 14.5831L13.0009 3.00007C13.0009 2.44707 12.5529 2.00007 12.0009 2.00007C11.4479 2.00007 11.0009 2.44707 11.0009 3.00007L11.0009 14.5831L6.87885 10.4621C6.48785 10.0711 5.85485 10.0711 5.46485 10.4621C5.07385 10.8531 5.07385 11.4851 5.46485 11.8761L11.1219 17.5331C11.1509 17.5621 11.1819 17.5891 11.2129 17.6131C11.3969 17.8481 11.6809 17.9971 12.0009 17.9971C12.3199 17.9971 12.6049 17.8481 12.7879 17.6131C12.8189 17.5891 12.8509 17.5621 12.8789 17.5331L18.5359 11.8761C18.9269 11.4851 18.9269 10.8531 18.5359 10.4621C18.1459 10.0711 17.5129 10.0711 17.1219 10.4621L13.0009 14.5831Z" + /> ), }; diff --git a/tests/__snapshots__/storybook.test.js.snap b/tests/__snapshots__/storybook.test.js.snap index 4f22bed8..2a567480 100644 --- a/tests/__snapshots__/storybook.test.js.snap +++ b/tests/__snapshots__/storybook.test.js.snap @@ -3548,6 +3548,34 @@ exports[`Storyshots Data Display/Icon Icons 1`] = ` eth +
+ + + + + + + exportImg +
@@ -3805,6 +3833,34 @@ exports[`Storyshots Data Display/Icon Icons 1`] = ` home
+
+ + + + + + + importImg +