From a6d0872f7f26202be1d399979abd91bcad259591 Mon Sep 17 00:00:00 2001 From: Philipp Walter Date: Tue, 4 Mar 2025 18:02:44 +0100 Subject: [PATCH] perf: optimize SVGs --- .gitignore | 3 + biome.json | 2 +- scripts/optimize-svgs.js | 80 +++ src/assets/icons/index.ts | 313 +++++++++++ src/assets/icons/settings.ts | 274 --------- src/assets/icons/tabs.ts | 13 - src/assets/icons/wallet.ts | 530 ------------------ src/assets/icons/widgets.ts | 60 -- src/assets/svgs/raw/about.svg | 8 + src/assets/svgs/raw/advanced.svg | 15 + src/assets/svgs/raw/arrowClockwise.svg | 7 + src/assets/svgs/raw/arrowCounterClock.svg | 5 + src/assets/svgs/raw/arrowLNfunds.svg | 4 + src/assets/svgs/raw/arrowsClockwise.svg | 6 + src/assets/svgs/raw/back.svg | 4 + src/assets/svgs/raw/backspace.svg | 5 + src/assets/svgs/raw/backup.svg | 10 + src/assets/svgs/raw/bitcoin.svg | 4 + src/assets/svgs/raw/bitcoinCircle.svg | 5 + src/assets/svgs/raw/bitcoinSlanted.svg | 4 + src/assets/svgs/raw/blocks.svg | 7 + src/assets/svgs/raw/broadcast.svg | 10 + src/assets/svgs/raw/burger.svg | 6 + src/assets/svgs/raw/calculator.svg | 10 + src/assets/svgs/raw/calendar.svg | 8 + src/assets/svgs/raw/camera.svg | 6 + src/assets/svgs/raw/checkCircle.svg | 10 + src/assets/svgs/raw/checkmark.svg | 4 + src/assets/svgs/raw/chevronRight.svg | 4 + src/assets/svgs/raw/clipboardText.svg | 12 + src/assets/svgs/raw/clock.svg | 10 + src/assets/svgs/raw/cloudCheck.svg | 7 + src/assets/svgs/raw/coins.svg | 18 + src/assets/svgs/raw/copy.svg | 10 + src/assets/svgs/raw/cornersOut.svg | 7 + src/assets/svgs/raw/devSettings.svg | 7 + src/assets/svgs/raw/discord.svg | 4 + src/assets/svgs/raw/downArrow.svg | 7 + src/assets/svgs/raw/exclamation.svg | 5 + src/assets/svgs/raw/eye.svg | 6 + src/assets/svgs/raw/faceId.svg | 4 + src/assets/svgs/raw/facts.svg | 7 + src/assets/svgs/raw/fingerPrint.svg | 8 + src/assets/svgs/raw/flashlight.svg | 7 + src/assets/svgs/raw/generalSettings.svg | 7 + src/assets/svgs/raw/gitBranch.svg | 11 + src/assets/svgs/raw/github.svg | 4 + src/assets/svgs/raw/globe.svg | 8 + src/assets/svgs/raw/globeSimple.svg | 7 + src/assets/svgs/raw/heartbeat.svg | 4 + src/assets/svgs/raw/hourglass.svg | 8 + src/assets/svgs/raw/hourglassSimple.svg | 6 + src/assets/svgs/raw/leftSign.svg | 4 + src/assets/svgs/raw/lightning.svg | 4 + src/assets/svgs/raw/lightningCircle.svg | 6 + src/assets/svgs/raw/lightningHollow.svg | 7 + src/assets/svgs/raw/list.svg | 6 + src/assets/svgs/raw/magnifyingGlass.svg | 10 + src/assets/svgs/raw/medium.svg | 4 + src/assets/svgs/raw/minusCircled.svg | 7 + src/assets/svgs/raw/news.svg | 9 + src/assets/svgs/raw/note.svg | 13 + src/assets/svgs/raw/paste.svg | 5 + src/assets/svgs/raw/pencil.svg | 6 + src/assets/svgs/raw/picture.svg | 7 + src/assets/svgs/raw/plus.svg | 5 + src/assets/svgs/raw/plusCircled.svg | 8 + src/assets/svgs/raw/power.svg | 5 + src/assets/svgs/raw/price.svg | 5 + src/assets/svgs/raw/qr.svg | 13 + src/assets/svgs/raw/receive.svg | 3 + src/assets/svgs/raw/received.svg | 4 + src/assets/svgs/raw/rectanglesTwo.svg | 11 + src/assets/svgs/raw/rightArrow.svg | 4 + src/assets/svgs/raw/rightSign.svg | 4 + src/assets/svgs/raw/scan.svg | 7 + src/assets/svgs/raw/security.svg | 7 + src/assets/svgs/raw/send.svg | 3 + src/assets/svgs/raw/sent.svg | 4 + src/assets/svgs/raw/settings.svg | 10 + src/assets/svgs/raw/shareAndroid.svg | 10 + src/assets/svgs/raw/shareIos.svg | 8 + src/assets/svgs/raw/sortAscending.svg | 10 + src/assets/svgs/raw/speedFast.svg | 8 + src/assets/svgs/raw/speedNormal.svg | 8 + src/assets/svgs/raw/speedSlow.svg | 8 + src/assets/svgs/raw/stack.svg | 7 + src/assets/svgs/raw/support.svg | 7 + src/assets/svgs/raw/tag.svg | 8 + src/assets/svgs/raw/telegram.svg | 4 + src/assets/svgs/raw/timer.svg | 6 + src/assets/svgs/raw/timerIconAlt.svg | 4 + src/assets/svgs/raw/timerSpeed.svg | 11 + src/assets/svgs/raw/toggle.svg | 4 + src/assets/svgs/raw/touchId.svg | 27 + src/assets/svgs/raw/transfer.svg | 7 + src/assets/svgs/raw/trash.svg | 9 + src/assets/svgs/raw/twitter.svg | 4 + src/assets/svgs/raw/unifiedCircle.svg | 10 + src/assets/svgs/raw/unitBitcoin.svg | 5 + src/assets/svgs/raw/unitFiat.svg | 11 + src/assets/svgs/raw/unitSatoshi.svg | 5 + src/assets/svgs/raw/upArrow.svg | 7 + src/assets/svgs/raw/user.svg | 10 + src/assets/svgs/raw/userMinus.svg | 11 + src/assets/svgs/raw/userPlus.svg | 12 + src/assets/svgs/raw/userSquare.svg | 7 + src/assets/svgs/raw/users.svg | 12 + src/assets/svgs/raw/warning.svg | 7 + src/assets/svgs/raw/weather.svg | 5 + src/assets/svgs/raw/x.svg | 7 + src/components/TabBar.tsx | 2 +- src/constants/widgets.ts | 2 +- src/screens/Settings/BackupSettings/index.tsx | 4 +- src/styles/icons.ts | 100 ++-- svgo.config.js | 8 + 116 files changed, 1215 insertions(+), 932 deletions(-) create mode 100644 scripts/optimize-svgs.js create mode 100644 src/assets/icons/index.ts delete mode 100644 src/assets/icons/settings.ts delete mode 100644 src/assets/icons/tabs.ts delete mode 100644 src/assets/icons/wallet.ts delete mode 100644 src/assets/icons/widgets.ts create mode 100644 src/assets/svgs/raw/about.svg create mode 100644 src/assets/svgs/raw/advanced.svg create mode 100644 src/assets/svgs/raw/arrowClockwise.svg create mode 100644 src/assets/svgs/raw/arrowCounterClock.svg create mode 100644 src/assets/svgs/raw/arrowLNfunds.svg create mode 100644 src/assets/svgs/raw/arrowsClockwise.svg create mode 100644 src/assets/svgs/raw/back.svg create mode 100644 src/assets/svgs/raw/backspace.svg create mode 100644 src/assets/svgs/raw/backup.svg create mode 100644 src/assets/svgs/raw/bitcoin.svg create mode 100644 src/assets/svgs/raw/bitcoinCircle.svg create mode 100644 src/assets/svgs/raw/bitcoinSlanted.svg create mode 100644 src/assets/svgs/raw/blocks.svg create mode 100644 src/assets/svgs/raw/broadcast.svg create mode 100644 src/assets/svgs/raw/burger.svg create mode 100644 src/assets/svgs/raw/calculator.svg create mode 100644 src/assets/svgs/raw/calendar.svg create mode 100644 src/assets/svgs/raw/camera.svg create mode 100644 src/assets/svgs/raw/checkCircle.svg create mode 100644 src/assets/svgs/raw/checkmark.svg create mode 100644 src/assets/svgs/raw/chevronRight.svg create mode 100644 src/assets/svgs/raw/clipboardText.svg create mode 100644 src/assets/svgs/raw/clock.svg create mode 100644 src/assets/svgs/raw/cloudCheck.svg create mode 100644 src/assets/svgs/raw/coins.svg create mode 100644 src/assets/svgs/raw/copy.svg create mode 100644 src/assets/svgs/raw/cornersOut.svg create mode 100644 src/assets/svgs/raw/devSettings.svg create mode 100644 src/assets/svgs/raw/discord.svg create mode 100644 src/assets/svgs/raw/downArrow.svg create mode 100644 src/assets/svgs/raw/exclamation.svg create mode 100644 src/assets/svgs/raw/eye.svg create mode 100644 src/assets/svgs/raw/faceId.svg create mode 100644 src/assets/svgs/raw/facts.svg create mode 100644 src/assets/svgs/raw/fingerPrint.svg create mode 100644 src/assets/svgs/raw/flashlight.svg create mode 100644 src/assets/svgs/raw/generalSettings.svg create mode 100644 src/assets/svgs/raw/gitBranch.svg create mode 100644 src/assets/svgs/raw/github.svg create mode 100644 src/assets/svgs/raw/globe.svg create mode 100644 src/assets/svgs/raw/globeSimple.svg create mode 100644 src/assets/svgs/raw/heartbeat.svg create mode 100644 src/assets/svgs/raw/hourglass.svg create mode 100644 src/assets/svgs/raw/hourglassSimple.svg create mode 100644 src/assets/svgs/raw/leftSign.svg create mode 100644 src/assets/svgs/raw/lightning.svg create mode 100644 src/assets/svgs/raw/lightningCircle.svg create mode 100644 src/assets/svgs/raw/lightningHollow.svg create mode 100644 src/assets/svgs/raw/list.svg create mode 100644 src/assets/svgs/raw/magnifyingGlass.svg create mode 100644 src/assets/svgs/raw/medium.svg create mode 100644 src/assets/svgs/raw/minusCircled.svg create mode 100644 src/assets/svgs/raw/news.svg create mode 100644 src/assets/svgs/raw/note.svg create mode 100644 src/assets/svgs/raw/paste.svg create mode 100644 src/assets/svgs/raw/pencil.svg create mode 100644 src/assets/svgs/raw/picture.svg create mode 100644 src/assets/svgs/raw/plus.svg create mode 100644 src/assets/svgs/raw/plusCircled.svg create mode 100644 src/assets/svgs/raw/power.svg create mode 100644 src/assets/svgs/raw/price.svg create mode 100644 src/assets/svgs/raw/qr.svg create mode 100644 src/assets/svgs/raw/receive.svg create mode 100644 src/assets/svgs/raw/received.svg create mode 100644 src/assets/svgs/raw/rectanglesTwo.svg create mode 100644 src/assets/svgs/raw/rightArrow.svg create mode 100644 src/assets/svgs/raw/rightSign.svg create mode 100644 src/assets/svgs/raw/scan.svg create mode 100644 src/assets/svgs/raw/security.svg create mode 100644 src/assets/svgs/raw/send.svg create mode 100644 src/assets/svgs/raw/sent.svg create mode 100644 src/assets/svgs/raw/settings.svg create mode 100644 src/assets/svgs/raw/shareAndroid.svg create mode 100644 src/assets/svgs/raw/shareIos.svg create mode 100644 src/assets/svgs/raw/sortAscending.svg create mode 100644 src/assets/svgs/raw/speedFast.svg create mode 100644 src/assets/svgs/raw/speedNormal.svg create mode 100644 src/assets/svgs/raw/speedSlow.svg create mode 100644 src/assets/svgs/raw/stack.svg create mode 100644 src/assets/svgs/raw/support.svg create mode 100644 src/assets/svgs/raw/tag.svg create mode 100644 src/assets/svgs/raw/telegram.svg create mode 100644 src/assets/svgs/raw/timer.svg create mode 100644 src/assets/svgs/raw/timerIconAlt.svg create mode 100644 src/assets/svgs/raw/timerSpeed.svg create mode 100644 src/assets/svgs/raw/toggle.svg create mode 100644 src/assets/svgs/raw/touchId.svg create mode 100644 src/assets/svgs/raw/transfer.svg create mode 100644 src/assets/svgs/raw/trash.svg create mode 100644 src/assets/svgs/raw/twitter.svg create mode 100644 src/assets/svgs/raw/unifiedCircle.svg create mode 100644 src/assets/svgs/raw/unitBitcoin.svg create mode 100644 src/assets/svgs/raw/unitFiat.svg create mode 100644 src/assets/svgs/raw/unitSatoshi.svg create mode 100644 src/assets/svgs/raw/upArrow.svg create mode 100644 src/assets/svgs/raw/user.svg create mode 100644 src/assets/svgs/raw/userMinus.svg create mode 100644 src/assets/svgs/raw/userPlus.svg create mode 100644 src/assets/svgs/raw/userSquare.svg create mode 100644 src/assets/svgs/raw/users.svg create mode 100644 src/assets/svgs/raw/warning.svg create mode 100644 src/assets/svgs/raw/weather.svg create mode 100644 src/assets/svgs/raw/x.svg create mode 100644 svgo.config.js diff --git a/.gitignore b/.gitignore index 19c982ad1..75fb24c96 100644 --- a/.gitignore +++ b/.gitignore @@ -95,3 +95,6 @@ docker/lnd/ #Build android/app/release/ + +# Optimized SVGs +src/assets/svgs/optimized/ diff --git a/biome.json b/biome.json index de0f8e3b9..1d5856d65 100644 --- a/biome.json +++ b/biome.json @@ -1,6 +1,6 @@ { "files": { - "ignore": ["src/polyfills/**"] + "ignore": ["src/polyfills/**", "src/assets/icons/index.ts"] }, "linter": { "rules": { diff --git a/scripts/optimize-svgs.js b/scripts/optimize-svgs.js new file mode 100644 index 000000000..e037547b2 --- /dev/null +++ b/scripts/optimize-svgs.js @@ -0,0 +1,80 @@ +const fs = require('fs'); +const path = require('path'); +const { execSync } = require('child_process'); + +// Directory constants +const DIRS = { + RAW_SVGS: path.join(__dirname, '../src/assets/svgs/raw'), + OPTIMIZED_SVGS: path.join(__dirname, '../src/assets/svgs/optimized'), + INDEX: path.join(__dirname, '../src/assets/icons/index.ts'), +}; + +/** + * Clean and recreate the optimized SVGs directory + */ +function setupDirectories() { + if (fs.existsSync(DIRS.OPTIMIZED_SVGS)) { + fs.rmSync(DIRS.OPTIMIZED_SVGS, { recursive: true, force: true }); + } + fs.mkdirSync(DIRS.OPTIMIZED_SVGS, { recursive: true }); +} + +/** + * Optimize SVGs using SVGO + */ +function optimizeSvgs() { + console.log('\nOptimizing SVGs with SVGO...'); + try { + execSync(`npx svgo -rf "${DIRS.RAW_SVGS}" -o "${DIRS.OPTIMIZED_SVGS}"`, { + stdio: 'inherit', + }); + console.log('\nSVG optimization completed successfully!'); + } catch (error) { + throw new Error(`SVGO optimization failed: ${error.message}`); + } +} + +/** + * Generate the icons/index.ts file with optimized SVGs + */ +function generateIndexFile() { + console.log('\nGenerating index.ts...'); + const optimizedSvgs = fs + .readdirSync(DIRS.OPTIMIZED_SVGS) + .filter((file) => file.endsWith('.svg')); + + const indexContent = `/** + * This file is auto-generated. Do not edit it manually. + * Run \`node scripts/optimize-svgs.js\` to regenerate. + */ + +${optimizedSvgs + .map((file) => { + const name = path.basename(file, '.svg'); + const svgContent = fs.readFileSync( + path.join(DIRS.OPTIMIZED_SVGS, file), + 'utf8', + ); + return `export const ${name}Icon = (color = 'white'): string => \`\n${svgContent}\`;`; + }) + .join('\n\n')}\n`; + + fs.writeFileSync(DIRS.INDEX, indexContent); + console.log(`Generated index.ts with ${optimizedSvgs.length} icons!`); +} + +function main() { + try { + // Setup directories + setupDirectories(); + + // Optimize and generate index + optimizeSvgs(); + generateIndexFile(); + } catch (error) { + console.error('\nError:', error.message); + process.exit(1); + } +} + +main(); diff --git a/src/assets/icons/index.ts b/src/assets/icons/index.ts new file mode 100644 index 000000000..bb5bd05e7 --- /dev/null +++ b/src/assets/icons/index.ts @@ -0,0 +1,313 @@ +/** + * This file is auto-generated. Do not edit it manually. + * Run `node scripts/optimize-svgs.js` to regenerate. + */ + +export const aboutIcon = (color = 'white'): string => ` +`; + +export const advancedIcon = (color = 'white'): string => ` +`; + +export const arrowClockwiseIcon = (color = 'white'): string => ` +`; + +export const arrowCounterClockIcon = (color = 'white'): string => ` +`; + +export const arrowLNfundsIcon = (color = 'white'): string => ` +`; + +export const arrowsClockwiseIcon = (color = 'white'): string => ` +`; + +export const backIcon = (color = 'white'): string => ` +`; + +export const backspaceIcon = (color = 'white'): string => ` +`; + +export const backupIcon = (color = 'white'): string => ` +`; + +export const bitcoinIcon = (color = 'white'): string => ` +`; + +export const bitcoinCircleIcon = (color = 'white'): string => ` +`; + +export const bitcoinSlantedIcon = (color = 'white'): string => ` +`; + +export const blocksIcon = (color = 'white'): string => ` +`; + +export const broadcastIcon = (color = 'white'): string => ` +`; + +export const burgerIcon = (color = 'white'): string => ` +`; + +export const calculatorIcon = (color = 'white'): string => ` +`; + +export const calendarIcon = (color = 'white'): string => ` +`; + +export const cameraIcon = (color = 'white'): string => ` +`; + +export const checkCircleIcon = (color = 'white'): string => ` +`; + +export const checkmarkIcon = (color = 'white'): string => ` +`; + +export const chevronRightIcon = (color = 'white'): string => ` +`; + +export const clipboardTextIcon = (color = 'white'): string => ` +`; + +export const clockIcon = (color = 'white'): string => ` +`; + +export const cloudCheckIcon = (color = 'white'): string => ` +`; + +export const coinsIcon = (color = 'white'): string => ` +`; + +export const copyIcon = (color = 'white'): string => ` +`; + +export const cornersOutIcon = (color = 'white'): string => ` +`; + +export const devSettingsIcon = (color = 'white'): string => ` +`; + +export const discordIcon = (color = 'white'): string => ` +`; + +export const downArrowIcon = (color = 'white'): string => ` +`; + +export const exclamationIcon = (color = 'white'): string => ` +`; + +export const eyeIcon = (color = 'white'): string => ` +`; + +export const faceIdIcon = (color = 'white'): string => ` +`; + +export const factsIcon = (color = 'white'): string => ` +`; + +export const fingerPrintIcon = (color = 'white'): string => ` +`; + +export const flashlightIcon = (color = 'white'): string => ` +`; + +export const generalSettingsIcon = (color = 'white'): string => ` +`; + +export const gitBranchIcon = (color = 'white'): string => ` +`; + +export const githubIcon = (color = 'white'): string => ` +`; + +export const globeIcon = (color = 'white'): string => ` +`; + +export const globeSimpleIcon = (color = 'white'): string => ` +`; + +export const heartbeatIcon = (color = 'white'): string => ` +`; + +export const hourglassIcon = (color = 'white'): string => ` +`; + +export const hourglassSimpleIcon = (color = 'white'): string => ` +`; + +export const leftSignIcon = (color = 'white'): string => ` +`; + +export const lightningIcon = (color = 'white'): string => ` +`; + +export const lightningCircleIcon = (color = 'white'): string => ` +`; + +export const lightningHollowIcon = (color = 'white'): string => ` +`; + +export const listIcon = (color = 'white'): string => ` +`; + +export const magnifyingGlassIcon = (color = 'white'): string => ` +`; + +export const mediumIcon = (color = 'white'): string => ` +`; + +export const minusCircledIcon = (color = 'white'): string => ` +`; + +export const newsIcon = (color = 'white'): string => ` +`; + +export const noteIcon = (color = 'white'): string => ` +`; + +export const pasteIcon = (color = 'white'): string => ` +`; + +export const pencilIcon = (color = 'white'): string => ` +`; + +export const pictureIcon = (color = 'white'): string => ` +`; + +export const plusIcon = (color = 'white'): string => ` +`; + +export const plusCircledIcon = (color = 'white'): string => ` +`; + +export const powerIcon = (color = 'white'): string => ` +`; + +export const priceIcon = (color = 'white'): string => ` +`; + +export const qrIcon = (color = 'white'): string => ` +`; + +export const receiveIcon = (color = 'white'): string => ` +`; + +export const receivedIcon = (color = 'white'): string => ` +`; + +export const rectanglesTwoIcon = (color = 'white'): string => ` +`; + +export const rightArrowIcon = (color = 'white'): string => ` +`; + +export const rightSignIcon = (color = 'white'): string => ` +`; + +export const scanIcon = (color = 'white'): string => ` +`; + +export const securityIcon = (color = 'white'): string => ` +`; + +export const sendIcon = (color = 'white'): string => ` +`; + +export const sentIcon = (color = 'white'): string => ` +`; + +export const settingsIcon = (color = 'white'): string => ` +`; + +export const shareAndroidIcon = (color = 'white'): string => ` +`; + +export const shareIosIcon = (color = 'white'): string => ` +`; + +export const sortAscendingIcon = (color = 'white'): string => ` +`; + +export const speedFastIcon = (color = 'white'): string => ` +`; + +export const speedNormalIcon = (color = 'white'): string => ` +`; + +export const speedSlowIcon = (color = 'white'): string => ` +`; + +export const stackIcon = (color = 'white'): string => ` +`; + +export const supportIcon = (color = 'white'): string => ` +`; + +export const tagIcon = (color = 'white'): string => ` +`; + +export const telegramIcon = (color = 'white'): string => ` +`; + +export const timerIcon = (color = 'white'): string => ` +`; + +export const timerIconAltIcon = (color = 'white'): string => ` +`; + +export const timerSpeedIcon = (color = 'white'): string => ` +`; + +export const toggleIcon = (color = 'white'): string => ` +`; + +export const touchIdIcon = (color = 'white'): string => ` +`; + +export const transferIcon = (color = 'white'): string => ` +`; + +export const trashIcon = (color = 'white'): string => ` +`; + +export const twitterIcon = (color = 'white'): string => ` +`; + +export const unifiedCircleIcon = (color = 'white'): string => ` +`; + +export const unitBitcoinIcon = (color = 'white'): string => ` +`; + +export const unitFiatIcon = (color = 'white'): string => ` +`; + +export const unitSatoshiIcon = (color = 'white'): string => ` +`; + +export const upArrowIcon = (color = 'white'): string => ` +`; + +export const userIcon = (color = 'white'): string => ` +`; + +export const userMinusIcon = (color = 'white'): string => ` +`; + +export const userPlusIcon = (color = 'white'): string => ` +`; + +export const userSquareIcon = (color = 'white'): string => ` +`; + +export const usersIcon = (color = 'white'): string => ` +`; + +export const warningIcon = (color = 'white'): string => ` +`; + +export const weatherIcon = (color = 'white'): string => ` +`; + +export const xIcon = (color = 'white'): string => ` +`; diff --git a/src/assets/icons/settings.ts b/src/assets/icons/settings.ts deleted file mode 100644 index e79a4f1c9..000000000 --- a/src/assets/icons/settings.ts +++ /dev/null @@ -1,274 +0,0 @@ -export const chevronRightIcon = (color = 'white'): string => ` - - -`; - -export const rightArrowIcon = (color = 'white'): string => ` - - -`; - -export const upArrowIcon = (color = 'white'): string => ` - - - - - -`; - -export const downArrowIcon = (color = 'white'): string => ` - - - - - -`; - -export const arrowCounterClock = (color = 'white'): string => ` - - - -`; - -export const checkmarkIcon = (color = 'white'): string => ` - - -`; - -export const copyIcon = (color = 'white'): string => ` - - - - - - - - -`; - -export const faceIdIcon = (color = 'white'): string => ` - - -`; - -export const touchIdIcon = (color = 'white'): string => ` - - - - - - - - - - - - - - - - - - - - - - - - - -`; - -export const githubIcon = (color = 'white'): string => ` - - -`; - -export const globeIcon = (color = 'white'): string => ` - - - - - - -`; - -export const globeSimpleIcon = (color = 'white'): string => ` - - - - - - `; - -export const broadcastIcon = (color = 'white'): string => ` - - - - - - - - - `; - -export const cloudCheckIcon = (color = 'white'): string => ` - - - - - - `; - -export const mediumIcon = (color = 'white'): string => ` - - -`; - -export const twitterIcon = (color = 'white'): string => ` - - -`; - -export const discordIcon = (color = 'white'): string => ` - - - `; - -export const telegramIcon = (color = 'white'): string => ` - - -`; - -export const listIcon = (color = 'white'): string => ` - - - - -`; - -export const sortAscendingIcon = (color = 'white'): string => ` - - - - - - - - -`; - -export const leftSign = (color = 'white'): string => ` - - -`; - -export const rightSign = (color = 'white'): string => ` - - -`; - -export const arrowClockwise = (color = 'white'): string => ` - - - - - -`; - -export const arrowsClockwise = (color = 'white'): string => ` - - - - -`; - -export const rectanglesTwo = (color = 'white'): string => ` - - - - - - - - - -`; - -export const lightningHollow = (color = 'white'): string => ` - - - - - -`; - -export const generalSettingsIcon = (color = 'white'): string => ` - - - - - -`; - -export const securityIcon = (color = 'white'): string => ` - - - - - -`; - -export const backupIcon = (color = 'white'): string => ` - - - - - - - - - -`; - -export const advancedIcon = (color = 'white'): string => ` - - - - - - - - - - - - - - -`; - -export const supportIcon = (color = 'white'): string => ` - - - - - -`; - -export const aboutIcon = (color = 'white'): string => ` - - - - - - -`; - -export const devSettingsIcon = (color = 'white'): string => ` - - - - - -`; diff --git a/src/assets/icons/tabs.ts b/src/assets/icons/tabs.ts deleted file mode 100644 index ff2ff02ff..000000000 --- a/src/assets/icons/tabs.ts +++ /dev/null @@ -1,13 +0,0 @@ -export const sendIcon = ( - color = 'white', -): string => ` - - -`; - -export const receiveIcon = ( - color = 'white', -): string => ` - - -`; diff --git a/src/assets/icons/wallet.ts b/src/assets/icons/wallet.ts deleted file mode 100644 index 70ddfefa6..000000000 --- a/src/assets/icons/wallet.ts +++ /dev/null @@ -1,530 +0,0 @@ -export const arrowLNfunds = (color = 'white'): string => ` - - -`; - -export const backIcon = (color = 'white'): string => ` - - -`; - -export const backspaceIcon = (color = 'white'): string => ` - - - -`; - -export const bitcoinIcon = (color = 'white'): string => ` - - -`; - -export const bitcoinSlantedIcon = (color = 'white'): string => ` - - -`; - -export const bitcoinCircleIcon = (color: string): string => ` - - - -`; - -export const burgerIcon = (color = 'white'): string => ` - - - - -`; - -export const calendarIcon = (color = 'white'): string => ` - - - - - - -`; - -export const cameraIcon = (color = 'white'): string => ` - - - - -`; - -export const checkCircleIcon = (color = 'white'): string => ` - - - - - - - - -`; - -export const clipboardTextIcon = (color = 'white'): string => ` - - - - - - - - - - -`; - -export const clockIcon = (color = 'white'): string => ` - - - - - - - - -`; - -export const coinsIcon = (color = 'white'): string => ` - - - - - - - - - - - - - - - - -`; - -export const cornersOut = (color = 'white'): string => ` - - - - - -`; - -export const eyeIcon = (color = 'white'): string => ` - - - - -`; - -export const exclamationIcon = (color = 'white'): string => ` - - - -`; - -export const fingerPrintIcon = (color = 'white'): string => ` - - - - - - -`; - -export const flashlightIcon = (color = 'white'): string => ` - - - - - -`; - -export const gitBranchIcon = (color = 'white'): string => ` - - - - - - - - - -`; - -export const heartbeatIcon = (color = 'white'): string => ` - - -`; - -export const hourglassIcon = (color = 'white'): string => ` - - - - - - - `; - -export const hourglassSimpleIcon = (color = 'white'): string => ` - - - - - `; - -export const lightningIcon = (color = 'white'): string => ` - - -`; - -export const lightningCircleIcon = (color = 'white'): string => ` - - - - - `; - -export const magnifyingGlassIcon = (color = 'white'): string => ` - - - - - - - - -`; - -export const minusCircledIcon = (color = 'white'): string => ` - - - - - -`; - -export const noteIcon = (color = 'white'): string => ` - - - - - - - - - - - -`; - -export const pasteIcon = (color = 'white'): string => ` - - - -`; - -export const pencilIcon = (color = 'white'): string => ` - - - - -`; - -export const pictureIcon = (color = 'white'): string => ` - - - - - -`; - -export const plusIcon = (color = 'white'): string => ` - - - -`; - -export const plusCircledIcon = (color = 'white'): string => ` - - - - - - -`; - -export const powerIcon = (color = 'white'): string => ` - - - -`; - -export const qrIcon = (color = 'white'): string => ` - - - - - - - - - - - - -`; - -export const receivedIcon = (color = 'white'): string => ` - - -`; - -export const scanIcon = (color = 'white'): string => ` - - - - - -`; - -export const sentIcon = (color = 'white'): string => ` - - -`; - -export const settingsIcon = (color = 'white'): string => ` - - - - - - - - -`; - -export const shareIosIcon = (color = 'white'): string => ` - - - - - - -`; - -export const shareAndroidIcon = (color = 'white'): string => ` - - - - - - - - -`; - -export const speedFastIcon = (color = 'white'): string => ` - - - - - - -`; - -export const speedNormalIcon = (color = 'white'): string => ` - - - - - - -`; - -export const speedSlowIcon = (color = 'white'): string => ` - - - - - - -`; - -export const stackIcon = (color = 'white'): string => ` - - - - - -`; - -export const switchIcon = (color = 'white'): string => ` - - -`; - -export const tagIcon = (color = 'white'): string => ` - - - - - - -`; - -export const timerIcon = (color = 'white'): string => ` - - - - -`; - -export const timerIconAlt = (color = 'white'): string => ` - - -`; - -export const timerSpeedIcon = (color = 'white'): string => ` - - - - - - - - - -`; - -export const transferIcon = (color = 'white'): string => ` - - - - - -`; - -export const trashIcon = (color = 'white'): string => ` - - - - - - - -`; - -export const unifiedCircleIcon = (): string => ` - - - - - -`; - -export const unitBitcoinIcon = (color = 'white'): string => ` - - - -`; - -export const unitSatoshiIcon = (color = 'white'): string => ` - - - -`; - -export const unitFiatIcon = (color = 'white'): string => ` - - - - - - - - - -`; - -export const userIcon = (color = 'white'): string => ` - - - - - - - - -`; - -export const userMinusIcon = (color = 'white'): string => ` - - - - - - - - - -`; - -export const userPlusIcon = (color = 'white'): string => ` - - - - - - - - - - -`; - -export const usersIcon = (color = 'white'): string => ` - - - - - - - - - - -`; - -export const userSquareIcon = (color = 'white'): string => ` - - - - - -`; - -export const warningIcon = (color = 'white'): string => ` - - - - - -`; - -export const xIcon = (color = 'white'): string => ` - - - - - -`; diff --git a/src/assets/icons/widgets.ts b/src/assets/icons/widgets.ts deleted file mode 100644 index d6ad2f370..000000000 --- a/src/assets/icons/widgets.ts +++ /dev/null @@ -1,60 +0,0 @@ -export const blocksIcon = (): string => - ` - - - - - - -`; - -export const calculatorIcon = (): string => - ` - - - - - - - - - -`; - -export const factsIcon = (): string => - ` - - - - - - -`; - -export const newsIcon = (): string => - ` - - - - - - - - -`; - -export const priceIcon = (): string => - ` - - - - -`; - -export const weatherIcon = (): string => - ` - - - - -`; diff --git a/src/assets/svgs/raw/about.svg b/src/assets/svgs/raw/about.svg new file mode 100644 index 000000000..16337dbdf --- /dev/null +++ b/src/assets/svgs/raw/about.svg @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/advanced.svg b/src/assets/svgs/raw/advanced.svg new file mode 100644 index 000000000..2d1e36dd8 --- /dev/null +++ b/src/assets/svgs/raw/advanced.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/src/assets/svgs/raw/arrowClockwise.svg b/src/assets/svgs/raw/arrowClockwise.svg new file mode 100644 index 000000000..95b885d3c --- /dev/null +++ b/src/assets/svgs/raw/arrowClockwise.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/arrowCounterClock.svg b/src/assets/svgs/raw/arrowCounterClock.svg new file mode 100644 index 000000000..8c47672aa --- /dev/null +++ b/src/assets/svgs/raw/arrowCounterClock.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/arrowLNfunds.svg b/src/assets/svgs/raw/arrowLNfunds.svg new file mode 100644 index 000000000..a080452f2 --- /dev/null +++ b/src/assets/svgs/raw/arrowLNfunds.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/arrowsClockwise.svg b/src/assets/svgs/raw/arrowsClockwise.svg new file mode 100644 index 000000000..c41ae28f7 --- /dev/null +++ b/src/assets/svgs/raw/arrowsClockwise.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/back.svg b/src/assets/svgs/raw/back.svg new file mode 100644 index 000000000..3a4b7ef03 --- /dev/null +++ b/src/assets/svgs/raw/back.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/backspace.svg b/src/assets/svgs/raw/backspace.svg new file mode 100644 index 000000000..fc1b21e73 --- /dev/null +++ b/src/assets/svgs/raw/backspace.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/backup.svg b/src/assets/svgs/raw/backup.svg new file mode 100644 index 000000000..66ded0782 --- /dev/null +++ b/src/assets/svgs/raw/backup.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/assets/svgs/raw/bitcoin.svg b/src/assets/svgs/raw/bitcoin.svg new file mode 100644 index 000000000..15aa31bf5 --- /dev/null +++ b/src/assets/svgs/raw/bitcoin.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/bitcoinCircle.svg b/src/assets/svgs/raw/bitcoinCircle.svg new file mode 100644 index 000000000..a128384d5 --- /dev/null +++ b/src/assets/svgs/raw/bitcoinCircle.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/bitcoinSlanted.svg b/src/assets/svgs/raw/bitcoinSlanted.svg new file mode 100644 index 000000000..2be4e1bc7 --- /dev/null +++ b/src/assets/svgs/raw/bitcoinSlanted.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/blocks.svg b/src/assets/svgs/raw/blocks.svg new file mode 100644 index 000000000..3d3a64f06 --- /dev/null +++ b/src/assets/svgs/raw/blocks.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/assets/svgs/raw/broadcast.svg b/src/assets/svgs/raw/broadcast.svg new file mode 100644 index 000000000..36b1a4a1b --- /dev/null +++ b/src/assets/svgs/raw/broadcast.svg @@ -0,0 +1,10 @@ + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/burger.svg b/src/assets/svgs/raw/burger.svg new file mode 100644 index 000000000..a56c9d507 --- /dev/null +++ b/src/assets/svgs/raw/burger.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/calculator.svg b/src/assets/svgs/raw/calculator.svg new file mode 100644 index 000000000..caf36826d --- /dev/null +++ b/src/assets/svgs/raw/calculator.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/assets/svgs/raw/calendar.svg b/src/assets/svgs/raw/calendar.svg new file mode 100644 index 000000000..847fa049f --- /dev/null +++ b/src/assets/svgs/raw/calendar.svg @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/camera.svg b/src/assets/svgs/raw/camera.svg new file mode 100644 index 000000000..ff7694ac0 --- /dev/null +++ b/src/assets/svgs/raw/camera.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/checkCircle.svg b/src/assets/svgs/raw/checkCircle.svg new file mode 100644 index 000000000..bb6fe84c5 --- /dev/null +++ b/src/assets/svgs/raw/checkCircle.svg @@ -0,0 +1,10 @@ + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/checkmark.svg b/src/assets/svgs/raw/checkmark.svg new file mode 100644 index 000000000..4ef1d5610 --- /dev/null +++ b/src/assets/svgs/raw/checkmark.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/chevronRight.svg b/src/assets/svgs/raw/chevronRight.svg new file mode 100644 index 000000000..ac8f59855 --- /dev/null +++ b/src/assets/svgs/raw/chevronRight.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/clipboardText.svg b/src/assets/svgs/raw/clipboardText.svg new file mode 100644 index 000000000..a7169eb8d --- /dev/null +++ b/src/assets/svgs/raw/clipboardText.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/clock.svg b/src/assets/svgs/raw/clock.svg new file mode 100644 index 000000000..7f3ed502c --- /dev/null +++ b/src/assets/svgs/raw/clock.svg @@ -0,0 +1,10 @@ + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/cloudCheck.svg b/src/assets/svgs/raw/cloudCheck.svg new file mode 100644 index 000000000..ba70d8925 --- /dev/null +++ b/src/assets/svgs/raw/cloudCheck.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/coins.svg b/src/assets/svgs/raw/coins.svg new file mode 100644 index 000000000..73b3e5054 --- /dev/null +++ b/src/assets/svgs/raw/coins.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/copy.svg b/src/assets/svgs/raw/copy.svg new file mode 100644 index 000000000..efc129e0b --- /dev/null +++ b/src/assets/svgs/raw/copy.svg @@ -0,0 +1,10 @@ + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/cornersOut.svg b/src/assets/svgs/raw/cornersOut.svg new file mode 100644 index 000000000..dafb710f1 --- /dev/null +++ b/src/assets/svgs/raw/cornersOut.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/devSettings.svg b/src/assets/svgs/raw/devSettings.svg new file mode 100644 index 000000000..fb54e63da --- /dev/null +++ b/src/assets/svgs/raw/devSettings.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/discord.svg b/src/assets/svgs/raw/discord.svg new file mode 100644 index 000000000..d441a2a7a --- /dev/null +++ b/src/assets/svgs/raw/discord.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/downArrow.svg b/src/assets/svgs/raw/downArrow.svg new file mode 100644 index 000000000..af2b39b0c --- /dev/null +++ b/src/assets/svgs/raw/downArrow.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/exclamation.svg b/src/assets/svgs/raw/exclamation.svg new file mode 100644 index 000000000..256f7389d --- /dev/null +++ b/src/assets/svgs/raw/exclamation.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/eye.svg b/src/assets/svgs/raw/eye.svg new file mode 100644 index 000000000..892633c8c --- /dev/null +++ b/src/assets/svgs/raw/eye.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/faceId.svg b/src/assets/svgs/raw/faceId.svg new file mode 100644 index 000000000..dddebc999 --- /dev/null +++ b/src/assets/svgs/raw/faceId.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/facts.svg b/src/assets/svgs/raw/facts.svg new file mode 100644 index 000000000..156a94c8e --- /dev/null +++ b/src/assets/svgs/raw/facts.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/assets/svgs/raw/fingerPrint.svg b/src/assets/svgs/raw/fingerPrint.svg new file mode 100644 index 000000000..31a54097b --- /dev/null +++ b/src/assets/svgs/raw/fingerPrint.svg @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/flashlight.svg b/src/assets/svgs/raw/flashlight.svg new file mode 100644 index 000000000..30e1e9d64 --- /dev/null +++ b/src/assets/svgs/raw/flashlight.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/generalSettings.svg b/src/assets/svgs/raw/generalSettings.svg new file mode 100644 index 000000000..a7683c3f6 --- /dev/null +++ b/src/assets/svgs/raw/generalSettings.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/gitBranch.svg b/src/assets/svgs/raw/gitBranch.svg new file mode 100644 index 000000000..84197e613 --- /dev/null +++ b/src/assets/svgs/raw/gitBranch.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/github.svg b/src/assets/svgs/raw/github.svg new file mode 100644 index 000000000..cd7e93e02 --- /dev/null +++ b/src/assets/svgs/raw/github.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/globe.svg b/src/assets/svgs/raw/globe.svg new file mode 100644 index 000000000..33305581a --- /dev/null +++ b/src/assets/svgs/raw/globe.svg @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/globeSimple.svg b/src/assets/svgs/raw/globeSimple.svg new file mode 100644 index 000000000..ab485f750 --- /dev/null +++ b/src/assets/svgs/raw/globeSimple.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/heartbeat.svg b/src/assets/svgs/raw/heartbeat.svg new file mode 100644 index 000000000..7fd404570 --- /dev/null +++ b/src/assets/svgs/raw/heartbeat.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/hourglass.svg b/src/assets/svgs/raw/hourglass.svg new file mode 100644 index 000000000..d9232e3ea --- /dev/null +++ b/src/assets/svgs/raw/hourglass.svg @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/hourglassSimple.svg b/src/assets/svgs/raw/hourglassSimple.svg new file mode 100644 index 000000000..e2bac35aa --- /dev/null +++ b/src/assets/svgs/raw/hourglassSimple.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/leftSign.svg b/src/assets/svgs/raw/leftSign.svg new file mode 100644 index 000000000..1872e0f6f --- /dev/null +++ b/src/assets/svgs/raw/leftSign.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/lightning.svg b/src/assets/svgs/raw/lightning.svg new file mode 100644 index 000000000..dd983cdbe --- /dev/null +++ b/src/assets/svgs/raw/lightning.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/lightningCircle.svg b/src/assets/svgs/raw/lightningCircle.svg new file mode 100644 index 000000000..6557e66c2 --- /dev/null +++ b/src/assets/svgs/raw/lightningCircle.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/lightningHollow.svg b/src/assets/svgs/raw/lightningHollow.svg new file mode 100644 index 000000000..6b25f902e --- /dev/null +++ b/src/assets/svgs/raw/lightningHollow.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/list.svg b/src/assets/svgs/raw/list.svg new file mode 100644 index 000000000..27e6413e1 --- /dev/null +++ b/src/assets/svgs/raw/list.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/magnifyingGlass.svg b/src/assets/svgs/raw/magnifyingGlass.svg new file mode 100644 index 000000000..bf9a55220 --- /dev/null +++ b/src/assets/svgs/raw/magnifyingGlass.svg @@ -0,0 +1,10 @@ + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/medium.svg b/src/assets/svgs/raw/medium.svg new file mode 100644 index 000000000..58feaf056 --- /dev/null +++ b/src/assets/svgs/raw/medium.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/minusCircled.svg b/src/assets/svgs/raw/minusCircled.svg new file mode 100644 index 000000000..a09e34f34 --- /dev/null +++ b/src/assets/svgs/raw/minusCircled.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/news.svg b/src/assets/svgs/raw/news.svg new file mode 100644 index 000000000..cfea16a90 --- /dev/null +++ b/src/assets/svgs/raw/news.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/assets/svgs/raw/note.svg b/src/assets/svgs/raw/note.svg new file mode 100644 index 000000000..be1bb3ba0 --- /dev/null +++ b/src/assets/svgs/raw/note.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/paste.svg b/src/assets/svgs/raw/paste.svg new file mode 100644 index 000000000..e7ef40e27 --- /dev/null +++ b/src/assets/svgs/raw/paste.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/pencil.svg b/src/assets/svgs/raw/pencil.svg new file mode 100644 index 000000000..7f20abd48 --- /dev/null +++ b/src/assets/svgs/raw/pencil.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/picture.svg b/src/assets/svgs/raw/picture.svg new file mode 100644 index 000000000..17f209081 --- /dev/null +++ b/src/assets/svgs/raw/picture.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/plus.svg b/src/assets/svgs/raw/plus.svg new file mode 100644 index 000000000..103b78b56 --- /dev/null +++ b/src/assets/svgs/raw/plus.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/plusCircled.svg b/src/assets/svgs/raw/plusCircled.svg new file mode 100644 index 000000000..349e575ee --- /dev/null +++ b/src/assets/svgs/raw/plusCircled.svg @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/power.svg b/src/assets/svgs/raw/power.svg new file mode 100644 index 000000000..6ad804dca --- /dev/null +++ b/src/assets/svgs/raw/power.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/price.svg b/src/assets/svgs/raw/price.svg new file mode 100644 index 000000000..c219bc31f --- /dev/null +++ b/src/assets/svgs/raw/price.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/svgs/raw/qr.svg b/src/assets/svgs/raw/qr.svg new file mode 100644 index 000000000..994b05424 --- /dev/null +++ b/src/assets/svgs/raw/qr.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/src/assets/svgs/raw/receive.svg b/src/assets/svgs/raw/receive.svg new file mode 100644 index 000000000..8584c996a --- /dev/null +++ b/src/assets/svgs/raw/receive.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/svgs/raw/received.svg b/src/assets/svgs/raw/received.svg new file mode 100644 index 000000000..f3a19e299 --- /dev/null +++ b/src/assets/svgs/raw/received.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/rectanglesTwo.svg b/src/assets/svgs/raw/rectanglesTwo.svg new file mode 100644 index 000000000..e7470d919 --- /dev/null +++ b/src/assets/svgs/raw/rectanglesTwo.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/rightArrow.svg b/src/assets/svgs/raw/rightArrow.svg new file mode 100644 index 000000000..548c87f4e --- /dev/null +++ b/src/assets/svgs/raw/rightArrow.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/rightSign.svg b/src/assets/svgs/raw/rightSign.svg new file mode 100644 index 000000000..281817c6d --- /dev/null +++ b/src/assets/svgs/raw/rightSign.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/scan.svg b/src/assets/svgs/raw/scan.svg new file mode 100644 index 000000000..78205900b --- /dev/null +++ b/src/assets/svgs/raw/scan.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/security.svg b/src/assets/svgs/raw/security.svg new file mode 100644 index 000000000..3d7c0c263 --- /dev/null +++ b/src/assets/svgs/raw/security.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/send.svg b/src/assets/svgs/raw/send.svg new file mode 100644 index 000000000..80e539bcb --- /dev/null +++ b/src/assets/svgs/raw/send.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/svgs/raw/sent.svg b/src/assets/svgs/raw/sent.svg new file mode 100644 index 000000000..9fd3bf2c1 --- /dev/null +++ b/src/assets/svgs/raw/sent.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/settings.svg b/src/assets/svgs/raw/settings.svg new file mode 100644 index 000000000..73dbf0a31 --- /dev/null +++ b/src/assets/svgs/raw/settings.svg @@ -0,0 +1,10 @@ + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/shareAndroid.svg b/src/assets/svgs/raw/shareAndroid.svg new file mode 100644 index 000000000..3528eb3a8 --- /dev/null +++ b/src/assets/svgs/raw/shareAndroid.svg @@ -0,0 +1,10 @@ + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/shareIos.svg b/src/assets/svgs/raw/shareIos.svg new file mode 100644 index 000000000..1ca5abdb3 --- /dev/null +++ b/src/assets/svgs/raw/shareIos.svg @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/sortAscending.svg b/src/assets/svgs/raw/sortAscending.svg new file mode 100644 index 000000000..62b412d1a --- /dev/null +++ b/src/assets/svgs/raw/sortAscending.svg @@ -0,0 +1,10 @@ + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/speedFast.svg b/src/assets/svgs/raw/speedFast.svg new file mode 100644 index 000000000..73fd8cb56 --- /dev/null +++ b/src/assets/svgs/raw/speedFast.svg @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/speedNormal.svg b/src/assets/svgs/raw/speedNormal.svg new file mode 100644 index 000000000..e909628ec --- /dev/null +++ b/src/assets/svgs/raw/speedNormal.svg @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/speedSlow.svg b/src/assets/svgs/raw/speedSlow.svg new file mode 100644 index 000000000..f7017adea --- /dev/null +++ b/src/assets/svgs/raw/speedSlow.svg @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/stack.svg b/src/assets/svgs/raw/stack.svg new file mode 100644 index 000000000..9913554dd --- /dev/null +++ b/src/assets/svgs/raw/stack.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/support.svg b/src/assets/svgs/raw/support.svg new file mode 100644 index 000000000..459758e2f --- /dev/null +++ b/src/assets/svgs/raw/support.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/tag.svg b/src/assets/svgs/raw/tag.svg new file mode 100644 index 000000000..ed3cc0471 --- /dev/null +++ b/src/assets/svgs/raw/tag.svg @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/telegram.svg b/src/assets/svgs/raw/telegram.svg new file mode 100644 index 000000000..8d3790bf2 --- /dev/null +++ b/src/assets/svgs/raw/telegram.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/timer.svg b/src/assets/svgs/raw/timer.svg new file mode 100644 index 000000000..155c4fcf5 --- /dev/null +++ b/src/assets/svgs/raw/timer.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/timerIconAlt.svg b/src/assets/svgs/raw/timerIconAlt.svg new file mode 100644 index 000000000..c171daefb --- /dev/null +++ b/src/assets/svgs/raw/timerIconAlt.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/timerSpeed.svg b/src/assets/svgs/raw/timerSpeed.svg new file mode 100644 index 000000000..3876457ad --- /dev/null +++ b/src/assets/svgs/raw/timerSpeed.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/toggle.svg b/src/assets/svgs/raw/toggle.svg new file mode 100644 index 000000000..001170d07 --- /dev/null +++ b/src/assets/svgs/raw/toggle.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/touchId.svg b/src/assets/svgs/raw/touchId.svg new file mode 100644 index 000000000..5a8fd9d0a --- /dev/null +++ b/src/assets/svgs/raw/touchId.svg @@ -0,0 +1,27 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/transfer.svg b/src/assets/svgs/raw/transfer.svg new file mode 100644 index 000000000..181aca8e6 --- /dev/null +++ b/src/assets/svgs/raw/transfer.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/trash.svg b/src/assets/svgs/raw/trash.svg new file mode 100644 index 000000000..2a218e4b5 --- /dev/null +++ b/src/assets/svgs/raw/trash.svg @@ -0,0 +1,9 @@ + + + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/twitter.svg b/src/assets/svgs/raw/twitter.svg new file mode 100644 index 000000000..6eee9efcc --- /dev/null +++ b/src/assets/svgs/raw/twitter.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/unifiedCircle.svg b/src/assets/svgs/raw/unifiedCircle.svg new file mode 100644 index 000000000..4e597384b --- /dev/null +++ b/src/assets/svgs/raw/unifiedCircle.svg @@ -0,0 +1,10 @@ + + + + + + diff --git a/src/assets/svgs/raw/unitBitcoin.svg b/src/assets/svgs/raw/unitBitcoin.svg new file mode 100644 index 000000000..61e6ea66b --- /dev/null +++ b/src/assets/svgs/raw/unitBitcoin.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/unitFiat.svg b/src/assets/svgs/raw/unitFiat.svg new file mode 100644 index 000000000..4b85ee1b3 --- /dev/null +++ b/src/assets/svgs/raw/unitFiat.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/unitSatoshi.svg b/src/assets/svgs/raw/unitSatoshi.svg new file mode 100644 index 000000000..333fc8a3c --- /dev/null +++ b/src/assets/svgs/raw/unitSatoshi.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/upArrow.svg b/src/assets/svgs/raw/upArrow.svg new file mode 100644 index 000000000..c2f4ac932 --- /dev/null +++ b/src/assets/svgs/raw/upArrow.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/user.svg b/src/assets/svgs/raw/user.svg new file mode 100644 index 000000000..02cc08332 --- /dev/null +++ b/src/assets/svgs/raw/user.svg @@ -0,0 +1,10 @@ + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/userMinus.svg b/src/assets/svgs/raw/userMinus.svg new file mode 100644 index 000000000..f29d28401 --- /dev/null +++ b/src/assets/svgs/raw/userMinus.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/userPlus.svg b/src/assets/svgs/raw/userPlus.svg new file mode 100644 index 000000000..26d065b4a --- /dev/null +++ b/src/assets/svgs/raw/userPlus.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/userSquare.svg b/src/assets/svgs/raw/userSquare.svg new file mode 100644 index 000000000..98a7d7414 --- /dev/null +++ b/src/assets/svgs/raw/userSquare.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/users.svg b/src/assets/svgs/raw/users.svg new file mode 100644 index 000000000..c96042b81 --- /dev/null +++ b/src/assets/svgs/raw/users.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/warning.svg b/src/assets/svgs/raw/warning.svg new file mode 100644 index 000000000..08c91781c --- /dev/null +++ b/src/assets/svgs/raw/warning.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/src/assets/svgs/raw/weather.svg b/src/assets/svgs/raw/weather.svg new file mode 100644 index 000000000..c986bd7b7 --- /dev/null +++ b/src/assets/svgs/raw/weather.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/svgs/raw/x.svg b/src/assets/svgs/raw/x.svg new file mode 100644 index 000000000..50af7164e --- /dev/null +++ b/src/assets/svgs/raw/x.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/src/components/TabBar.tsx b/src/components/TabBar.tsx index 0cc6b47dd..488fcbd01 100644 --- a/src/components/TabBar.tsx +++ b/src/components/TabBar.tsx @@ -11,7 +11,7 @@ import { import Animated, { FadeIn } from 'react-native-reanimated'; import { useSafeAreaInsets } from 'react-native-safe-area-context'; -import { receiveIcon, sendIcon } from '../assets/icons/tabs'; +import { receiveIcon, sendIcon } from '../assets/icons'; import useColors from '../hooks/colors'; import { useAppSelector } from '../hooks/redux'; import { rootNavigation } from '../navigation/root/RootNavigationContainer'; diff --git a/src/constants/widgets.ts b/src/constants/widgets.ts index 5293a72c8..ff784951e 100644 --- a/src/constants/widgets.ts +++ b/src/constants/widgets.ts @@ -5,7 +5,7 @@ import { newsIcon, priceIcon, weatherIcon, -} from '../assets/icons/widgets'; +} from '../assets/icons'; export const widgets = { blocks: { id: 'blocks', icon: blocksIcon() }, diff --git a/src/screens/Settings/BackupSettings/index.tsx b/src/screens/Settings/BackupSettings/index.tsx index a41de688e..4e7a201df 100644 --- a/src/screens/Settings/BackupSettings/index.tsx +++ b/src/screens/Settings/BackupSettings/index.tsx @@ -18,7 +18,7 @@ import { ArrowClockwise, LightningHollowIcon, NoteIcon, - RectanglesTwo, + RectanglesTwoIcon, SettingsIcon, TagIcon, TimerIconAlt, @@ -178,7 +178,7 @@ const BackupSettings = ({ status: backup[EBackupCategory.settings], }, { - Icon: RectanglesTwo, + Icon: RectanglesTwoIcon, title: t('backup.category_widgets'), category: EBackupCategory.widgets, status: backup[EBackupCategory.widgets], diff --git a/src/styles/icons.ts b/src/styles/icons.ts index c4f69c141..278e3c225 100644 --- a/src/styles/icons.ts +++ b/src/styles/icons.ts @@ -4,63 +4,51 @@ import { SvgXml } from 'react-native-svg'; import { aboutIcon, advancedIcon, - arrowClockwise, - arrowCounterClock, - arrowsClockwise, - backupIcon, - broadcastIcon, - checkmarkIcon, - chevronRightIcon, - cloudCheckIcon, - copyIcon, - devSettingsIcon, - discordIcon, - downArrowIcon, - faceIdIcon, - generalSettingsIcon, - githubIcon, - globeIcon, - globeSimpleIcon, - leftSign, - lightningHollow, - listIcon, - mediumIcon, - rectanglesTwo, - rightArrowIcon, - rightSign, - securityIcon, - sortAscendingIcon, - supportIcon, - telegramIcon, - touchIdIcon, - twitterIcon, - upArrowIcon, -} from '../assets/icons/settings'; -import { - arrowLNfunds, + arrowClockwiseIcon, + arrowCounterClockIcon, + arrowLNfundsIcon, + arrowsClockwiseIcon, backIcon, backspaceIcon, + backupIcon, bitcoinCircleIcon, bitcoinSlantedIcon, + broadcastIcon, burgerIcon, calendarIcon, cameraIcon, checkCircleIcon, + checkmarkIcon, + chevronRightIcon, clipboardTextIcon, clockIcon, + cloudCheckIcon, coinsIcon, - cornersOut, + copyIcon, + cornersOutIcon, + devSettingsIcon, + discordIcon, + downArrowIcon, exclamationIcon, eyeIcon, + faceIdIcon, fingerPrintIcon, flashlightIcon, + generalSettingsIcon, gitBranchIcon, + githubIcon, + globeIcon, + globeSimpleIcon, heartbeatIcon, hourglassIcon, hourglassSimpleIcon, + leftSignIcon, lightningCircleIcon, + lightningHollowIcon, lightningIcon, + listIcon, magnifyingGlassIcon, + mediumIcon, minusCircledIcon, noteIcon, pencilIcon, @@ -70,25 +58,35 @@ import { powerIcon, qrIcon, receivedIcon, + rectanglesTwoIcon, + rightArrowIcon, + rightSignIcon, scanIcon, + securityIcon, sentIcon, settingsIcon, shareAndroidIcon, shareIosIcon, + sortAscendingIcon, speedFastIcon, speedNormalIcon, speedSlowIcon, stackIcon, - switchIcon, + supportIcon, tagIcon, + telegramIcon, timerIcon, - timerIconAlt, + timerIconAltIcon, timerSpeedIcon, + toggleIcon, + touchIdIcon, transferIcon, trashIcon, + twitterIcon, unifiedCircleIcon, unitBitcoinIcon, unitFiatIcon, + upArrowIcon, userIcon, userMinusIcon, userPlusIcon, @@ -96,7 +94,7 @@ import { usersIcon, warningIcon, xIcon, -} from '../assets/icons/wallet'; +} from '../assets/icons'; import styled from './styled-components'; import { IThemeColors } from './themes'; @@ -233,7 +231,9 @@ export const TimerIcon = styled(SvgXml).attrs((props) => ({ })); export const TimerIconAlt = styled(SvgXml).attrs((props) => ({ - xml: timerIconAlt(props.color ? props.theme.colors[props.color] : 'white'), + xml: timerIconAltIcon( + props.color ? props.theme.colors[props.color] : 'white', + ), height: props.height ?? '17px', width: props.width ?? '16px', }))((props) => ({ @@ -482,7 +482,7 @@ export const UpArrow = styled(SvgXml).attrs((props) => ({ })); export const ArrowLNFunds = styled(SvgXml).attrs((props) => ({ - xml: arrowLNfunds( + xml: arrowLNfundsIcon( props.color ? props.theme.colors[props.color] : props.theme.colors.white, ), height: props.height ?? '20px', @@ -505,7 +505,7 @@ export const DownArrow = styled(SvgXml).attrs((props) => ({ })); export const ArrowCounterClock = styled(SvgXml).attrs((props) => ({ - xml: arrowCounterClock( + xml: arrowCounterClockIcon( props.color ? props.theme.colors[props.color] : props.theme.colors.white, ), height: props.height ?? '24px', @@ -555,7 +555,7 @@ export const TouchIdIcon = styled(SvgXml).attrs((props) => ({ })); export const SwitchIcon = styled(SvgXml).attrs((props) => ({ - xml: switchIcon(props.color ? props.theme.colors[props.color] : 'white'), + xml: toggleIcon(props.color ? props.theme.colors[props.color] : 'white'), height: props.height ?? '16px', width: props.width ?? '16px', }))((props) => ({ @@ -617,7 +617,7 @@ export const BackIcon = styled(SvgXml).attrs((props) => ({ })); export const CornersOutIcon = styled(SvgXml).attrs((props) => ({ - xml: cornersOut(props.color ? props.theme.colors[props.color] : 'white'), + xml: cornersOutIcon(props.color ? props.theme.colors[props.color] : 'white'), height: props.height ?? '32px', width: props.width ?? '32px', }))((props) => ({ @@ -775,7 +775,7 @@ export const QrIcon = styled(SvgXml).attrs((props) => ({ })); export const LeftSign = styled(SvgXml).attrs((props) => ({ - xml: leftSign( + xml: leftSignIcon( props.color ? props.theme.colors[props.color] : props.theme.colors.white, ), height: props.height ?? '18px', @@ -785,7 +785,7 @@ export const LeftSign = styled(SvgXml).attrs((props) => ({ })); export const RightSign = styled(SvgXml).attrs((props) => ({ - xml: rightSign( + xml: rightSignIcon( props.color ? props.theme.colors[props.color] : props.theme.colors.white, ), height: props.height ?? '18px', @@ -795,7 +795,7 @@ export const RightSign = styled(SvgXml).attrs((props) => ({ })); export const ArrowClockwise = styled(SvgXml).attrs((props) => ({ - xml: arrowClockwise( + xml: arrowClockwiseIcon( props.color ? props.theme.colors[props.color] : props.theme.colors.white, ), height: props.height ?? '24px', @@ -805,7 +805,7 @@ export const ArrowClockwise = styled(SvgXml).attrs((props) => ({ })); export const ArrowsClockwiseIcon = styled(SvgXml).attrs((props) => ({ - xml: arrowsClockwise( + xml: arrowsClockwiseIcon( props.color ? props.theme.colors[props.color] : props.theme.colors.white, ), height: props.height ?? '24px', @@ -814,8 +814,8 @@ export const ArrowsClockwiseIcon = styled(SvgXml).attrs((props) => ({ color: props.color ? props.theme.colors[props.color] : 'white', })); -export const RectanglesTwo = styled(SvgXml).attrs((props) => ({ - xml: rectanglesTwo( +export const RectanglesTwoIcon = styled(SvgXml).attrs((props) => ({ + xml: rectanglesTwoIcon( props.color ? props.theme.colors[props.color] : props.theme.colors.white, ), height: props.height ?? '24px', @@ -825,7 +825,7 @@ export const RectanglesTwo = styled(SvgXml).attrs((props) => ({ })); export const LightningHollowIcon = styled(SvgXml).attrs((props) => ({ - xml: lightningHollow( + xml: lightningHollowIcon( props.color ? props.theme.colors[props.color] : props.theme.colors.white, ), height: props.height ?? '24px', diff --git a/svgo.config.js b/svgo.config.js new file mode 100644 index 000000000..106f95be4 --- /dev/null +++ b/svgo.config.js @@ -0,0 +1,8 @@ +module.exports = { + plugins: [ + 'preset-default', + 'removeDimensions', // remove width and height attributes + 'removeXMLNS', // remove xmlns attribute + 'removeXlink', // remove xlink:href attribute + ], +};