From 1975628b1c1ddb5adbda9411a643a130a810995c Mon Sep 17 00:00:00 2001 From: Marco Toniut Date: Thu, 24 Oct 2024 23:26:14 +0100 Subject: [PATCH] CN-832: add llm icons for Acre, Midas, ChorusOne, Babylon, EigenLayer (#8193) * feat: add llm icons for Acre, Midas, ChorusOne, Babylon, EigenLayer * chore: add changeset * chore: sort import on icons * chore: move provider icons under their own module --- .changeset/early-garlics-rhyme.md | 5 ++ .../EvmStakingDrawerProviderIcon.tsx | 50 +++++++++++++------ .../EvmStakingDrawerProviderIcon.tsx | 8 +-- .../src/icons/providers/Acre.tsx | 27 ++++++++++ .../src/icons/providers/Babylon.tsx | 22 ++++++++ .../src/icons/providers/ChorusOne.tsx | 44 ++++++++++++++++ .../src/icons/providers/Coinbase.tsx | 20 ++++++++ .../src/icons/providers/EigenLayer.tsx | 20 ++++++++ .../src/icons/{ => providers}/Figment.tsx | 1 - .../src/icons/{ => providers}/KelpDAO.tsx | 2 - .../src/icons/{ => providers}/Kiln.tsx | 1 - .../src/icons/{ => providers}/Lido.tsx | 0 .../src/icons/providers/Midas.tsx | 33 ++++++++++++ .../src/icons/{ => providers}/P2P.tsx | 2 - .../src/icons/{ => providers}/RocketPool.tsx | 2 - .../src/icons/{ => providers}/Stader.tsx | 2 - 16 files changed, 209 insertions(+), 30 deletions(-) create mode 100644 .changeset/early-garlics-rhyme.md create mode 100644 apps/ledger-live-mobile/src/icons/providers/Acre.tsx create mode 100644 apps/ledger-live-mobile/src/icons/providers/Babylon.tsx create mode 100644 apps/ledger-live-mobile/src/icons/providers/ChorusOne.tsx create mode 100644 apps/ledger-live-mobile/src/icons/providers/Coinbase.tsx create mode 100644 apps/ledger-live-mobile/src/icons/providers/EigenLayer.tsx rename apps/ledger-live-mobile/src/icons/{ => providers}/Figment.tsx (96%) rename apps/ledger-live-mobile/src/icons/{ => providers}/KelpDAO.tsx (98%) rename apps/ledger-live-mobile/src/icons/{ => providers}/Kiln.tsx (98%) rename apps/ledger-live-mobile/src/icons/{ => providers}/Lido.tsx (100%) create mode 100644 apps/ledger-live-mobile/src/icons/providers/Midas.tsx rename apps/ledger-live-mobile/src/icons/{ => providers}/P2P.tsx (99%) rename apps/ledger-live-mobile/src/icons/{ => providers}/RocketPool.tsx (99%) rename apps/ledger-live-mobile/src/icons/{ => providers}/Stader.tsx (98%) diff --git a/.changeset/early-garlics-rhyme.md b/.changeset/early-garlics-rhyme.md new file mode 100644 index 000000000000..327eeda761d8 --- /dev/null +++ b/.changeset/early-garlics-rhyme.md @@ -0,0 +1,5 @@ +--- +"live-mobile": patch +--- + +Add new Provider `react-native-svg` icons for Acre, Midas, ChorusOne, Babylon, EigenLayer diff --git a/apps/ledger-live-mobile/src/families/evm/StakingDrawer/EvmStakingDrawerProviderIcon.tsx b/apps/ledger-live-mobile/src/families/evm/StakingDrawer/EvmStakingDrawerProviderIcon.tsx index 829a45c1d81f..5851509d38cb 100644 --- a/apps/ledger-live-mobile/src/families/evm/StakingDrawer/EvmStakingDrawerProviderIcon.tsx +++ b/apps/ledger-live-mobile/src/families/evm/StakingDrawer/EvmStakingDrawerProviderIcon.tsx @@ -1,13 +1,19 @@ import React from "react"; -import { Kiln } from "~/icons/Kiln"; -import { Lido } from "~/icons/Lido"; -import { Figment } from "~/icons/Figment"; -import { Stader } from "~/icons/Stader"; -import { MissingIcon } from "~/icons/MissingIcon"; -import { KelpDAO } from "~/icons/KelpDAO"; -import { P2P } from "~/icons/P2P"; -import { RocketPool } from "~/icons/RocketPool"; import type { ColorValue } from "react-native"; +import { MissingIcon } from "~/icons/MissingIcon"; +import { Acre } from "~/icons/providers/Acre"; +import { Babylon } from "~/icons/providers/Babylon"; +import { ChorusOne } from "~/icons/providers/ChorusOne"; +import { Coinbase } from "~/icons/providers/Coinbase"; +import { EigenLayer } from "~/icons/providers/EigenLayer"; +import { Figment } from "~/icons/providers/Figment"; +import { KelpDAO } from "~/icons/providers/KelpDAO"; +import { Kiln } from "~/icons/providers/Kiln"; +import { Lido } from "~/icons/providers/Lido"; +import { Midas } from "~/icons/providers/Midas"; +import { P2P } from "~/icons/providers/P2P"; +import { RocketPool } from "~/icons/providers/RocketPool"; +import { Stader } from "~/icons/providers/Stader"; type Props = { icon?: string; @@ -20,20 +26,32 @@ export function EvmStakingDrawerProviderIcon({ icon = "", outline }: Props) { const [name] = icon.split(":"); switch (name) { - case "Kiln": - return ; - case "Lido": - return ; + case "Acre": + return ; + case "Babylon": + return ; + case "ChorusOne": + return ; + case "Coinbase": + return ; + case "EigenLayer": + return ; case "Figment": return ; - case "Stader": - return ; case "KelpDAO": return ; - case "RocketPool": - return ; + case "Kiln": + return ; + case "Lido": + return ; + case "Midas": + return ; case "P2P": return ; + case "RocketPool": + return ; + case "Stader": + return ; default: return ; } diff --git a/apps/ledger-live-mobile/src/families/evm/StakingDrawer_deprecated/EvmStakingDrawerProviderIcon.tsx b/apps/ledger-live-mobile/src/families/evm/StakingDrawer_deprecated/EvmStakingDrawerProviderIcon.tsx index 8b3a5c947f7e..52701e4dea38 100644 --- a/apps/ledger-live-mobile/src/families/evm/StakingDrawer_deprecated/EvmStakingDrawerProviderIcon.tsx +++ b/apps/ledger-live-mobile/src/families/evm/StakingDrawer_deprecated/EvmStakingDrawerProviderIcon.tsx @@ -1,9 +1,9 @@ import React from "react"; -import Kiln from "~/icons/Kiln"; -import { Lido } from "~/icons/Lido"; -import Figment from "~/icons/Figment"; -import Stader from "~/icons/Stader"; import MissingIcon from "~/icons/MissingIcon"; +import { Figment } from "~/icons/providers/Figment"; +import { Kiln } from "~/icons/providers/Kiln"; +import { Lido } from "~/icons/providers/Lido"; +import { Stader } from "~/icons/providers/Stader"; type Props = { icon?: string; diff --git a/apps/ledger-live-mobile/src/icons/providers/Acre.tsx b/apps/ledger-live-mobile/src/icons/providers/Acre.tsx new file mode 100644 index 000000000000..547cbc0a2f68 --- /dev/null +++ b/apps/ledger-live-mobile/src/icons/providers/Acre.tsx @@ -0,0 +1,27 @@ +import * as React from "react"; +import { ColorValue } from "react-native"; +import Svg, { Rect, Path, SvgProps } from "react-native-svg"; + +type Props = SvgProps & { size?: number; outline?: ColorValue }; + +export function Acre({ size = 32, outline = "white", ...props }: Props) { + return ( + + + + + + ); +} diff --git a/apps/ledger-live-mobile/src/icons/providers/Babylon.tsx b/apps/ledger-live-mobile/src/icons/providers/Babylon.tsx new file mode 100644 index 000000000000..6956ea2c4ece --- /dev/null +++ b/apps/ledger-live-mobile/src/icons/providers/Babylon.tsx @@ -0,0 +1,22 @@ +import * as React from "react"; +import { ColorValue } from "react-native"; +import Svg, { Rect, Path, SvgProps } from "react-native-svg"; + +type Props = SvgProps & { size?: number; outline?: ColorValue }; + +export function Babylon({ size = 32, outline = "black", ...props }: Props) { + return ( + + + + + + + ); +} diff --git a/apps/ledger-live-mobile/src/icons/providers/ChorusOne.tsx b/apps/ledger-live-mobile/src/icons/providers/ChorusOne.tsx new file mode 100644 index 000000000000..c38dd810dd1a --- /dev/null +++ b/apps/ledger-live-mobile/src/icons/providers/ChorusOne.tsx @@ -0,0 +1,44 @@ +import * as React from "react"; +import { ColorValue } from "react-native"; +import Svg, { Rect, Path, SvgProps } from "react-native-svg"; + +type Props = SvgProps & { size?: number; outline?: ColorValue }; + +export function ChorusOne({ size = 32, outline = "black", ...props }: Props) { + return ( + + + + + + + + + + ); +} diff --git a/apps/ledger-live-mobile/src/icons/providers/Coinbase.tsx b/apps/ledger-live-mobile/src/icons/providers/Coinbase.tsx new file mode 100644 index 000000000000..2b41b59a5232 --- /dev/null +++ b/apps/ledger-live-mobile/src/icons/providers/Coinbase.tsx @@ -0,0 +1,20 @@ +import * as React from "react"; +import { ColorValue } from "react-native"; +import Svg, { Path, Rect, SvgProps } from "react-native-svg"; + +type Props = SvgProps & { size?: number; outline?: ColorValue }; + +const BASE_SIZE = 32; + +export function Coinbase({ size = BASE_SIZE, outline = "white", ...props }: Props): JSX.Element { + return ( + + + + + + ); +} diff --git a/apps/ledger-live-mobile/src/icons/providers/EigenLayer.tsx b/apps/ledger-live-mobile/src/icons/providers/EigenLayer.tsx new file mode 100644 index 000000000000..909efc201ae0 --- /dev/null +++ b/apps/ledger-live-mobile/src/icons/providers/EigenLayer.tsx @@ -0,0 +1,20 @@ +import * as React from "react"; +import { ColorValue } from "react-native"; +import Svg, { Rect, Path, SvgProps } from "react-native-svg"; + +type Props = SvgProps & { size?: number; outline?: ColorValue }; + +export function EigenLayer({ size = 32, outline = "black", ...props }: Props) { + return ( + + + + + + ); +} diff --git a/apps/ledger-live-mobile/src/icons/Figment.tsx b/apps/ledger-live-mobile/src/icons/providers/Figment.tsx similarity index 96% rename from apps/ledger-live-mobile/src/icons/Figment.tsx rename to apps/ledger-live-mobile/src/icons/providers/Figment.tsx index d8408844449f..f21fe9f28f2e 100644 --- a/apps/ledger-live-mobile/src/icons/Figment.tsx +++ b/apps/ledger-live-mobile/src/icons/providers/Figment.tsx @@ -23,4 +23,3 @@ export function Figment({ size = BASE_SIZE, outline, ...props }: Props): JSX.Ele ); } -export default Figment; diff --git a/apps/ledger-live-mobile/src/icons/KelpDAO.tsx b/apps/ledger-live-mobile/src/icons/providers/KelpDAO.tsx similarity index 98% rename from apps/ledger-live-mobile/src/icons/KelpDAO.tsx rename to apps/ledger-live-mobile/src/icons/providers/KelpDAO.tsx index 730bc5725735..ae314562638f 100644 --- a/apps/ledger-live-mobile/src/icons/KelpDAO.tsx +++ b/apps/ledger-live-mobile/src/icons/providers/KelpDAO.tsx @@ -22,5 +22,3 @@ export function KelpDAO({ size = BASE_SIZE, outline, ...props }: Props): JSX.Ele ); } - -export default KelpDAO; diff --git a/apps/ledger-live-mobile/src/icons/Kiln.tsx b/apps/ledger-live-mobile/src/icons/providers/Kiln.tsx similarity index 98% rename from apps/ledger-live-mobile/src/icons/Kiln.tsx rename to apps/ledger-live-mobile/src/icons/providers/Kiln.tsx index 880bddc75f08..c5dbdca0e9c4 100644 --- a/apps/ledger-live-mobile/src/icons/Kiln.tsx +++ b/apps/ledger-live-mobile/src/icons/providers/Kiln.tsx @@ -30,4 +30,3 @@ export function Kiln({ size = BASE_SIZE, outline }: Props): JSX.Element { ); } -export default Kiln; diff --git a/apps/ledger-live-mobile/src/icons/Lido.tsx b/apps/ledger-live-mobile/src/icons/providers/Lido.tsx similarity index 100% rename from apps/ledger-live-mobile/src/icons/Lido.tsx rename to apps/ledger-live-mobile/src/icons/providers/Lido.tsx diff --git a/apps/ledger-live-mobile/src/icons/providers/Midas.tsx b/apps/ledger-live-mobile/src/icons/providers/Midas.tsx new file mode 100644 index 000000000000..101ab9ce8189 --- /dev/null +++ b/apps/ledger-live-mobile/src/icons/providers/Midas.tsx @@ -0,0 +1,33 @@ +import * as React from "react"; +import { ColorValue } from "react-native"; +import Svg, { Rect, Path, G, Defs, ClipPath, SvgProps } from "react-native-svg"; + +type Props = SvgProps & { size?: number; outline?: ColorValue }; + +export function Midas({ size = 32, outline = "white", ...props }: Props) { + return ( + + + + + + + + + + + + + + + ); +} diff --git a/apps/ledger-live-mobile/src/icons/P2P.tsx b/apps/ledger-live-mobile/src/icons/providers/P2P.tsx similarity index 99% rename from apps/ledger-live-mobile/src/icons/P2P.tsx rename to apps/ledger-live-mobile/src/icons/providers/P2P.tsx index 9c5b92d8987a..43a45c98ecf6 100644 --- a/apps/ledger-live-mobile/src/icons/P2P.tsx +++ b/apps/ledger-live-mobile/src/icons/providers/P2P.tsx @@ -50,5 +50,3 @@ export function P2P({ size = BASE_SIZE, outline, ...props }: Props): JSX.Element ); } - -export default P2P; diff --git a/apps/ledger-live-mobile/src/icons/RocketPool.tsx b/apps/ledger-live-mobile/src/icons/providers/RocketPool.tsx similarity index 99% rename from apps/ledger-live-mobile/src/icons/RocketPool.tsx rename to apps/ledger-live-mobile/src/icons/providers/RocketPool.tsx index 5d286b1d97c8..42cb4d8fab2c 100644 --- a/apps/ledger-live-mobile/src/icons/RocketPool.tsx +++ b/apps/ledger-live-mobile/src/icons/providers/RocketPool.tsx @@ -255,5 +255,3 @@ export function RocketPool({ size = 32, outline, ...props }: Props): JSX.Element ); } - -export default RocketPool; diff --git a/apps/ledger-live-mobile/src/icons/Stader.tsx b/apps/ledger-live-mobile/src/icons/providers/Stader.tsx similarity index 98% rename from apps/ledger-live-mobile/src/icons/Stader.tsx rename to apps/ledger-live-mobile/src/icons/providers/Stader.tsx index 0880414e40db..7a1c732d7bf8 100644 --- a/apps/ledger-live-mobile/src/icons/Stader.tsx +++ b/apps/ledger-live-mobile/src/icons/providers/Stader.tsx @@ -35,5 +35,3 @@ export function Stader({ size = BASE_SIZE, outline, ...props }: Props): JSX.Elem ); } - -export default Stader;