From b4f8c309c31b4b5b6e02ccfcaec8e3b7f48f4c2c Mon Sep 17 00:00:00 2001 From: Maximus Date: Fri, 12 Aug 2022 09:57:28 +0300 Subject: [PATCH] added new icons, changed svg properties, write script to add svg components --- src/assets/svg/arrow-big-right.svg | 4 +-- src/assets/svg/arrow-down.svg | 6 ++-- src/assets/svg/arrow-left.svg | 6 ++-- src/assets/svg/arrow-right.svg | 6 ++-- src/assets/svg/arrow-up.svg | 4 +++ src/assets/svg/bell-notification.svg | 5 +++ src/assets/svg/bell.svg | 4 +++ .../svg/{bookmark.svg => bookmark-filled.svg} | 2 +- src/assets/svg/bookmark-outlined.svg | 3 ++ src/assets/svg/caret-down.svg | 2 +- src/assets/svg/caret-left.svg | 2 +- src/assets/svg/caret-right.svg | 2 +- src/assets/svg/caret-up.svg | 2 +- src/assets/svg/chart.svg | 6 ++++ src/assets/svg/checkmark.svg | 4 --- src/assets/svg/chevrones-left.svg | 8 ++--- src/assets/svg/chevrones-right.svg | 8 ++--- src/assets/svg/circle.svg | 3 ++ src/assets/svg/copy.svg | 4 +-- src/assets/svg/delete.svg | 6 ++-- src/assets/svg/edit1.svg | 2 +- src/assets/svg/edit2.svg | 4 +-- src/assets/svg/error.svg | 6 ++-- src/assets/svg/eye.svg | 4 +-- .../svg/{favorite.svg => favorite-filled.svg} | 0 src/assets/svg/favorite-outlined.svg | 3 ++ src/assets/svg/file.svg | 5 +++ src/assets/svg/filetext.svg | 10 +++--- src/assets/svg/filter.svg | 8 +++++ src/assets/svg/flag.svg | 4 +++ src/assets/svg/folder.svg | 4 +-- src/assets/svg/formula.svg | 3 ++ src/assets/svg/hamburger.svg | 5 +++ src/assets/svg/help.svg | 5 +++ src/assets/svg/horizontal.svg | 3 ++ src/assets/svg/image.svg | 4 +++ src/assets/svg/info.svg | 5 +++ src/assets/svg/key.svg | 2 +- src/assets/svg/left-menu.svg | 4 +++ src/assets/svg/link.svg | 4 +++ src/assets/svg/list.svg | 12 +++---- src/assets/svg/logo.svg | 6 ++++ src/assets/svg/more.svg | 8 ++--- src/assets/svg/palete.svg | 7 ++++ src/assets/svg/plot.svg | 4 +++ src/assets/svg/printer.svg | 6 ++-- src/assets/svg/right-menu.svg | 4 +++ src/assets/svg/scriptIcons.sh | 17 ++++++++++ src/assets/svg/search.svg | 4 +-- src/assets/svg/selection.svg | 4 +++ src/assets/svg/send.svg | 4 +++ src/assets/svg/settings.svg | 4 +++ src/assets/svg/shape.svg | 4 +++ src/assets/svg/share.svg | 2 +- src/assets/svg/smile.svg | 6 ++++ src/assets/svg/table.svg | 8 +++++ src/assets/svg/text.svg | 3 ++ src/assets/svg/user.svg | 4 +-- src/assets/svg/vertical.svg | 3 ++ src/assets/svg/video.svg | 4 +++ src/components/icons.tsx | 32 +++++++++++++++++++ 61 files changed, 251 insertions(+), 67 deletions(-) create mode 100644 src/assets/svg/arrow-up.svg create mode 100644 src/assets/svg/bell-notification.svg create mode 100644 src/assets/svg/bell.svg rename src/assets/svg/{bookmark.svg => bookmark-filled.svg} (97%) create mode 100644 src/assets/svg/bookmark-outlined.svg create mode 100644 src/assets/svg/chart.svg delete mode 100644 src/assets/svg/checkmark.svg create mode 100644 src/assets/svg/circle.svg rename src/assets/svg/{favorite.svg => favorite-filled.svg} (100%) create mode 100644 src/assets/svg/favorite-outlined.svg create mode 100644 src/assets/svg/file.svg create mode 100644 src/assets/svg/filter.svg create mode 100644 src/assets/svg/flag.svg create mode 100644 src/assets/svg/formula.svg create mode 100644 src/assets/svg/hamburger.svg create mode 100644 src/assets/svg/help.svg create mode 100644 src/assets/svg/horizontal.svg create mode 100644 src/assets/svg/image.svg create mode 100644 src/assets/svg/info.svg create mode 100644 src/assets/svg/left-menu.svg create mode 100644 src/assets/svg/link.svg create mode 100644 src/assets/svg/logo.svg create mode 100644 src/assets/svg/palete.svg create mode 100644 src/assets/svg/plot.svg create mode 100644 src/assets/svg/right-menu.svg create mode 100644 src/assets/svg/scriptIcons.sh create mode 100644 src/assets/svg/selection.svg create mode 100644 src/assets/svg/send.svg create mode 100644 src/assets/svg/settings.svg create mode 100644 src/assets/svg/shape.svg create mode 100644 src/assets/svg/smile.svg create mode 100644 src/assets/svg/table.svg create mode 100644 src/assets/svg/text.svg create mode 100644 src/assets/svg/vertical.svg create mode 100644 src/assets/svg/video.svg diff --git a/src/assets/svg/arrow-big-right.svg b/src/assets/svg/arrow-big-right.svg index a9397d2..c65d50a 100644 --- a/src/assets/svg/arrow-big-right.svg +++ b/src/assets/svg/arrow-big-right.svg @@ -1,3 +1,3 @@ - - + + diff --git a/src/assets/svg/arrow-down.svg b/src/assets/svg/arrow-down.svg index a958b41..43df6f8 100644 --- a/src/assets/svg/arrow-down.svg +++ b/src/assets/svg/arrow-down.svg @@ -1,4 +1,4 @@ - - - + + + diff --git a/src/assets/svg/arrow-left.svg b/src/assets/svg/arrow-left.svg index 2d0004a..3031ddf 100644 --- a/src/assets/svg/arrow-left.svg +++ b/src/assets/svg/arrow-left.svg @@ -1,4 +1,4 @@ - - - + + + diff --git a/src/assets/svg/arrow-right.svg b/src/assets/svg/arrow-right.svg index 6c67bc6..099e1b1 100644 --- a/src/assets/svg/arrow-right.svg +++ b/src/assets/svg/arrow-right.svg @@ -1,4 +1,4 @@ - - - + + + diff --git a/src/assets/svg/arrow-up.svg b/src/assets/svg/arrow-up.svg new file mode 100644 index 0000000..cbcf4f1 --- /dev/null +++ b/src/assets/svg/arrow-up.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/assets/svg/bell-notification.svg b/src/assets/svg/bell-notification.svg new file mode 100644 index 0000000..c192911 --- /dev/null +++ b/src/assets/svg/bell-notification.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/svg/bell.svg b/src/assets/svg/bell.svg new file mode 100644 index 0000000..ab895d3 --- /dev/null +++ b/src/assets/svg/bell.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/assets/svg/bookmark.svg b/src/assets/svg/bookmark-filled.svg similarity index 97% rename from src/assets/svg/bookmark.svg rename to src/assets/svg/bookmark-filled.svg index 6a7aa54..1612390 100644 --- a/src/assets/svg/bookmark.svg +++ b/src/assets/svg/bookmark-filled.svg @@ -1,3 +1,3 @@ - + diff --git a/src/assets/svg/bookmark-outlined.svg b/src/assets/svg/bookmark-outlined.svg new file mode 100644 index 0000000..2c2275d --- /dev/null +++ b/src/assets/svg/bookmark-outlined.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/svg/caret-down.svg b/src/assets/svg/caret-down.svg index 7018716..344bca5 100644 --- a/src/assets/svg/caret-down.svg +++ b/src/assets/svg/caret-down.svg @@ -1,3 +1,3 @@ - + diff --git a/src/assets/svg/caret-left.svg b/src/assets/svg/caret-left.svg index d1e2a96..bfcf8bb 100644 --- a/src/assets/svg/caret-left.svg +++ b/src/assets/svg/caret-left.svg @@ -1,3 +1,3 @@ - + diff --git a/src/assets/svg/caret-right.svg b/src/assets/svg/caret-right.svg index cd66b42..5224193 100644 --- a/src/assets/svg/caret-right.svg +++ b/src/assets/svg/caret-right.svg @@ -1,3 +1,3 @@ - + diff --git a/src/assets/svg/caret-up.svg b/src/assets/svg/caret-up.svg index 11d79a7..e04c3e6 100644 --- a/src/assets/svg/caret-up.svg +++ b/src/assets/svg/caret-up.svg @@ -1,3 +1,3 @@ - + diff --git a/src/assets/svg/chart.svg b/src/assets/svg/chart.svg new file mode 100644 index 0000000..d0f1221 --- /dev/null +++ b/src/assets/svg/chart.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/svg/checkmark.svg b/src/assets/svg/checkmark.svg deleted file mode 100644 index bdc5f46..0000000 --- a/src/assets/svg/checkmark.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - \ No newline at end of file diff --git a/src/assets/svg/chevrones-left.svg b/src/assets/svg/chevrones-left.svg index 8653efb..e4a4167 100644 --- a/src/assets/svg/chevrones-left.svg +++ b/src/assets/svg/chevrones-left.svg @@ -1,6 +1,6 @@ - - - - + + + + diff --git a/src/assets/svg/chevrones-right.svg b/src/assets/svg/chevrones-right.svg index cf1b7a3..56a289a 100644 --- a/src/assets/svg/chevrones-right.svg +++ b/src/assets/svg/chevrones-right.svg @@ -1,6 +1,6 @@ - - - - + + + + diff --git a/src/assets/svg/circle.svg b/src/assets/svg/circle.svg new file mode 100644 index 0000000..178698a --- /dev/null +++ b/src/assets/svg/circle.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/svg/copy.svg b/src/assets/svg/copy.svg index b49085d..b056ebd 100644 --- a/src/assets/svg/copy.svg +++ b/src/assets/svg/copy.svg @@ -1,4 +1,4 @@ - - + + diff --git a/src/assets/svg/delete.svg b/src/assets/svg/delete.svg index ddaed9d..552340b 100644 --- a/src/assets/svg/delete.svg +++ b/src/assets/svg/delete.svg @@ -1,5 +1,5 @@ - - - + + + diff --git a/src/assets/svg/edit1.svg b/src/assets/svg/edit1.svg index d4db844..c7a78b9 100644 --- a/src/assets/svg/edit1.svg +++ b/src/assets/svg/edit1.svg @@ -1,3 +1,3 @@ - + diff --git a/src/assets/svg/edit2.svg b/src/assets/svg/edit2.svg index 9ae6c74..7c0b428 100644 --- a/src/assets/svg/edit2.svg +++ b/src/assets/svg/edit2.svg @@ -1,4 +1,4 @@ - - + + diff --git a/src/assets/svg/error.svg b/src/assets/svg/error.svg index 393174a..38e6756 100644 --- a/src/assets/svg/error.svg +++ b/src/assets/svg/error.svg @@ -1,5 +1,5 @@ - - - + + + diff --git a/src/assets/svg/eye.svg b/src/assets/svg/eye.svg index b347255..b8d684d 100644 --- a/src/assets/svg/eye.svg +++ b/src/assets/svg/eye.svg @@ -1,4 +1,4 @@ - - + + diff --git a/src/assets/svg/favorite.svg b/src/assets/svg/favorite-filled.svg similarity index 100% rename from src/assets/svg/favorite.svg rename to src/assets/svg/favorite-filled.svg diff --git a/src/assets/svg/favorite-outlined.svg b/src/assets/svg/favorite-outlined.svg new file mode 100644 index 0000000..0fc5a75 --- /dev/null +++ b/src/assets/svg/favorite-outlined.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/svg/file.svg b/src/assets/svg/file.svg new file mode 100644 index 0000000..e332284 --- /dev/null +++ b/src/assets/svg/file.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/svg/filetext.svg b/src/assets/svg/filetext.svg index e085d8e..14d87f4 100644 --- a/src/assets/svg/filetext.svg +++ b/src/assets/svg/filetext.svg @@ -1,7 +1,7 @@ - - - - - + + + + + diff --git a/src/assets/svg/filter.svg b/src/assets/svg/filter.svg new file mode 100644 index 0000000..74fcf0e --- /dev/null +++ b/src/assets/svg/filter.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/src/assets/svg/flag.svg b/src/assets/svg/flag.svg new file mode 100644 index 0000000..f122280 --- /dev/null +++ b/src/assets/svg/flag.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/assets/svg/folder.svg b/src/assets/svg/folder.svg index 79839fc..96d3a3d 100644 --- a/src/assets/svg/folder.svg +++ b/src/assets/svg/folder.svg @@ -1,5 +1,5 @@ - - + + diff --git a/src/assets/svg/formula.svg b/src/assets/svg/formula.svg new file mode 100644 index 0000000..d1f9c19 --- /dev/null +++ b/src/assets/svg/formula.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/svg/hamburger.svg b/src/assets/svg/hamburger.svg new file mode 100644 index 0000000..dee8b6a --- /dev/null +++ b/src/assets/svg/hamburger.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/svg/help.svg b/src/assets/svg/help.svg new file mode 100644 index 0000000..7d91a91 --- /dev/null +++ b/src/assets/svg/help.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/svg/horizontal.svg b/src/assets/svg/horizontal.svg new file mode 100644 index 0000000..1a2a185 --- /dev/null +++ b/src/assets/svg/horizontal.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/svg/image.svg b/src/assets/svg/image.svg new file mode 100644 index 0000000..2697578 --- /dev/null +++ b/src/assets/svg/image.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/assets/svg/info.svg b/src/assets/svg/info.svg new file mode 100644 index 0000000..ae2c70c --- /dev/null +++ b/src/assets/svg/info.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/svg/key.svg b/src/assets/svg/key.svg index 443abf4..4df111c 100644 --- a/src/assets/svg/key.svg +++ b/src/assets/svg/key.svg @@ -1,5 +1,5 @@ - + diff --git a/src/assets/svg/left-menu.svg b/src/assets/svg/left-menu.svg new file mode 100644 index 0000000..060f967 --- /dev/null +++ b/src/assets/svg/left-menu.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/assets/svg/link.svg b/src/assets/svg/link.svg new file mode 100644 index 0000000..34a884b --- /dev/null +++ b/src/assets/svg/link.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/assets/svg/list.svg b/src/assets/svg/list.svg index 3525c5b..803ac04 100644 --- a/src/assets/svg/list.svg +++ b/src/assets/svg/list.svg @@ -1,8 +1,8 @@ - - - - - - + + + + + + diff --git a/src/assets/svg/logo.svg b/src/assets/svg/logo.svg new file mode 100644 index 0000000..ee27b58 --- /dev/null +++ b/src/assets/svg/logo.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/svg/more.svg b/src/assets/svg/more.svg index 37ddd55..95a161a 100644 --- a/src/assets/svg/more.svg +++ b/src/assets/svg/more.svg @@ -1,5 +1,5 @@ - - - - + + + + diff --git a/src/assets/svg/palete.svg b/src/assets/svg/palete.svg new file mode 100644 index 0000000..6234601 --- /dev/null +++ b/src/assets/svg/palete.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/assets/svg/plot.svg b/src/assets/svg/plot.svg new file mode 100644 index 0000000..44fb917 --- /dev/null +++ b/src/assets/svg/plot.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/assets/svg/printer.svg b/src/assets/svg/printer.svg index e947e1a..33790af 100644 --- a/src/assets/svg/printer.svg +++ b/src/assets/svg/printer.svg @@ -1,5 +1,5 @@ - - - + + + diff --git a/src/assets/svg/right-menu.svg b/src/assets/svg/right-menu.svg new file mode 100644 index 0000000..0958342 --- /dev/null +++ b/src/assets/svg/right-menu.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/assets/svg/scriptIcons.sh b/src/assets/svg/scriptIcons.sh new file mode 100644 index 0000000..97889a4 --- /dev/null +++ b/src/assets/svg/scriptIcons.sh @@ -0,0 +1,17 @@ +#!/bin/bash +icons="../../components/icons.tsx" +sgvnames=$(ls *.svg) + +for name in $sgvnames; do +svgInfo=$(grep $name $icons) +componentName=`echo "${name[@]^}" | sed 's/-\w/\U&/g' | tr -d '-' |sed 's/\.svg//g';` +if [ -z "$svgInfo" ] +then +echo 'export { ReactComponent as SVG'$componentName' } from "assets/svg/'$name'";' >> $icons +echo "$name Added to icons.tsx" +else +echo "$name already exist" +fi +done + + diff --git a/src/assets/svg/search.svg b/src/assets/svg/search.svg index 643d0e3..2f0ff62 100644 --- a/src/assets/svg/search.svg +++ b/src/assets/svg/search.svg @@ -1,4 +1,4 @@ - - + + diff --git a/src/assets/svg/selection.svg b/src/assets/svg/selection.svg new file mode 100644 index 0000000..8b6243f --- /dev/null +++ b/src/assets/svg/selection.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/assets/svg/send.svg b/src/assets/svg/send.svg new file mode 100644 index 0000000..d8f6102 --- /dev/null +++ b/src/assets/svg/send.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/assets/svg/settings.svg b/src/assets/svg/settings.svg new file mode 100644 index 0000000..fff536c --- /dev/null +++ b/src/assets/svg/settings.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/assets/svg/shape.svg b/src/assets/svg/shape.svg new file mode 100644 index 0000000..263715b --- /dev/null +++ b/src/assets/svg/shape.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/assets/svg/share.svg b/src/assets/svg/share.svg index d641e77..0ac3e55 100644 --- a/src/assets/svg/share.svg +++ b/src/assets/svg/share.svg @@ -1,3 +1,3 @@ - + diff --git a/src/assets/svg/smile.svg b/src/assets/svg/smile.svg new file mode 100644 index 0000000..12c2690 --- /dev/null +++ b/src/assets/svg/smile.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/svg/table.svg b/src/assets/svg/table.svg new file mode 100644 index 0000000..c9bbe88 --- /dev/null +++ b/src/assets/svg/table.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/src/assets/svg/text.svg b/src/assets/svg/text.svg new file mode 100644 index 0000000..9bd0b01 --- /dev/null +++ b/src/assets/svg/text.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/svg/user.svg b/src/assets/svg/user.svg index 10488f3..bfbb08b 100644 --- a/src/assets/svg/user.svg +++ b/src/assets/svg/user.svg @@ -1,4 +1,4 @@ - - + + diff --git a/src/assets/svg/vertical.svg b/src/assets/svg/vertical.svg new file mode 100644 index 0000000..5b6809f --- /dev/null +++ b/src/assets/svg/vertical.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/svg/video.svg b/src/assets/svg/video.svg new file mode 100644 index 0000000..5cef7c2 --- /dev/null +++ b/src/assets/svg/video.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/components/icons.tsx b/src/components/icons.tsx index 0e22b92..e480c84 100644 --- a/src/components/icons.tsx +++ b/src/components/icons.tsx @@ -31,3 +31,35 @@ export { ReactComponent as SVGShare } from "assets/svg/share.svg"; export { ReactComponent as SVGUser } from "assets/svg/user.svg"; export { ReactComponent as SVGXMark } from "assets/svg/xmark.svg"; export { ReactComponent as SVGCheckmark } from "assets/svg/checkmark.svg"; +export { ReactComponent as SVGArrowUp } from "assets/svg/arrow-up.svg"; +export { ReactComponent as SVGBellNotification } from "assets/svg/bell-notification.svg"; +export { ReactComponent as SVGBell } from "assets/svg/bell.svg"; +export { ReactComponent as SVGBookmarkFilled } from "assets/svg/bookmark-filled.svg"; +export { ReactComponent as SVGBookmarkOutlined } from "assets/svg/bookmark-outlined.svg"; +export { ReactComponent as SVGChart } from "assets/svg/chart.svg"; +export { ReactComponent as SVGCircle } from "assets/svg/circle.svg"; +export { ReactComponent as SVGFavoriteFilled } from "assets/svg/favorite-filled.svg"; +export { ReactComponent as SVGFavoriteOutlined } from "assets/svg/favorite-outlined.svg"; +export { ReactComponent as SVGFile } from "assets/svg/file.svg"; +export { ReactComponent as SVGFilter } from "assets/svg/filter.svg"; +export { ReactComponent as SVGFlag } from "assets/svg/flag.svg"; +export { ReactComponent as SVGFormula } from "assets/svg/formula.svg"; +export { ReactComponent as SVGHamburger } from "assets/svg/hamburger.svg"; +export { ReactComponent as SVGHelp } from "assets/svg/help.svg"; +export { ReactComponent as SVGHorizontal } from "assets/svg/horizontal.svg"; +export { ReactComponent as SVGImage } from "assets/svg/image.svg"; +export { ReactComponent as SVGInfo } from "assets/svg/info.svg"; +export { ReactComponent as SVGLeftMenu } from "assets/svg/left-menu.svg"; +export { ReactComponent as SVGLink } from "assets/svg/link.svg"; +export { ReactComponent as SVGLogo } from "assets/svg/logo.svg"; +export { ReactComponent as SVGPalete } from "assets/svg/palete.svg"; +export { ReactComponent as SVGPlot } from "assets/svg/plot.svg"; +export { ReactComponent as SVGRightMenu } from "assets/svg/right-menu.svg"; +export { ReactComponent as SVGSelection } from "assets/svg/selection.svg"; +export { ReactComponent as SVGSend } from "assets/svg/send.svg"; +export { ReactComponent as SVGSettings } from "assets/svg/settings.svg"; +export { ReactComponent as SVGShape } from "assets/svg/shape.svg"; +export { ReactComponent as SVGSmile } from "assets/svg/smile.svg"; +export { ReactComponent as SVGTable } from "assets/svg/table.svg"; +export { ReactComponent as SVGVertical } from "assets/svg/vertical.svg"; +export { ReactComponent as SVGVideo } from "assets/svg/video.svg";