From 73256b35c79494aee1410eb6596cd5b3e8a3cb72 Mon Sep 17 00:00:00 2001 From: Utku <74243531+utkubakir@users.noreply.github.com> Date: Fri, 26 May 2023 18:57:56 +0300 Subject: [PATCH] [ENG-660] Remove react-simple-icons & use png instead of svg for icons (#870) * use image instead of svg (mobile) * use image instead of svg (desktop) * remove unused svgs * add brand svgs * use brand svgs on landing * use on desktop --- .../src/components/icons/FolderIcon.tsx | 9 +- interface/app/onboarding/alpha.tsx | 4 +- interface/components/Folder.tsx | 5 +- interface/package.json | 3 +- package.json | 2 +- packages/assets/scripts/generate.mjs | 5 +- packages/assets/svgs/brands/Academia.svg | 4 + packages/assets/svgs/brands/Discord.svg | 4 + packages/assets/svgs/brands/Dribbble.svg | 4 + packages/assets/svgs/brands/Github.svg | 4 + packages/assets/svgs/brands/Instagram.svg | 4 + .../assets/svgs/brands/Opencollective.svg | 4 + packages/assets/svgs/brands/Twitch.svg | 4 + packages/assets/svgs/brands/Twitter.svg | 4 + packages/assets/svgs/brands/index.ts | 14 ++ packages/assets/svgs/drive.svg | 0 packages/assets/svgs/file.svg | 75 --------- packages/assets/svgs/folder-white.svg | 15 -- packages/assets/svgs/folder.svg | 83 ---------- packages/assets/svgs/video.svg | 94 ----------- packages/assets/svgs/zip.svg | 154 ------------------ packages/client/src/core.ts | 32 ++-- pnpm-lock.yaml | Bin 825831 -> 908849 bytes 23 files changed, 74 insertions(+), 453 deletions(-) create mode 100644 packages/assets/svgs/brands/Academia.svg create mode 100644 packages/assets/svgs/brands/Discord.svg create mode 100644 packages/assets/svgs/brands/Dribbble.svg create mode 100644 packages/assets/svgs/brands/Github.svg create mode 100644 packages/assets/svgs/brands/Instagram.svg create mode 100644 packages/assets/svgs/brands/Opencollective.svg create mode 100644 packages/assets/svgs/brands/Twitch.svg create mode 100644 packages/assets/svgs/brands/Twitter.svg create mode 100644 packages/assets/svgs/brands/index.ts delete mode 100644 packages/assets/svgs/drive.svg delete mode 100644 packages/assets/svgs/file.svg delete mode 100644 packages/assets/svgs/folder-white.svg delete mode 100644 packages/assets/svgs/folder.svg delete mode 100644 packages/assets/svgs/video.svg delete mode 100644 packages/assets/svgs/zip.svg diff --git a/apps/mobile/src/components/icons/FolderIcon.tsx b/apps/mobile/src/components/icons/FolderIcon.tsx index 77cc3236b..474cf703e 100644 --- a/apps/mobile/src/components/icons/FolderIcon.tsx +++ b/apps/mobile/src/components/icons/FolderIcon.tsx @@ -1,5 +1,4 @@ -import { Folder } from '@sd/assets/icons'; -import FolderWhite from '@sd/assets/svgs/folder-white.svg'; +import { Folder, Folder_Light } from '@sd/assets/icons'; import { Image } from 'react-native'; type FolderProps = { @@ -15,11 +14,7 @@ type FolderProps = { }; const FolderIcon: React.FC = ({ size = 24, isWhite }) => { - return isWhite ? ( - - ) : ( - - ); + return ; }; export default FolderIcon; diff --git a/interface/app/onboarding/alpha.tsx b/interface/app/onboarding/alpha.tsx index 7faa67498..a2a977cc5 100644 --- a/interface/app/onboarding/alpha.tsx +++ b/interface/app/onboarding/alpha.tsx @@ -1,5 +1,5 @@ import { AlphaBg, AppLogo } from '@sd/assets/images'; -import { SiDiscord } from '@icons-pack/react-simple-icons'; +import { Discord } from '@sd/assets/svgs/brands'; import { useNavigate } from 'react-router-dom'; import { Button } from '@sd/ui'; import { usePlatform } from '~/util/Platform'; @@ -33,7 +33,7 @@ export default function OnboardingAlpha() { className="flex gap-2" variant="gray" > - + Join Discord