Refactor google icon

Emurgo · Apr 25, 2024 · 5b80ac6 · 5b80ac6
1 parent 48605e0
commit 5b80ac6
Show file tree

Hide file tree

Showing 5 changed files with 33 additions and 3 deletions.
diff --git a/apps/wallet-mobile/src/components/Icon/Google.tsx b/apps/wallet-mobile/src/components/Icon/Google.tsx
diff --git a/apps/wallet-mobile/src/components/Icon/Icon.stories.tsx b/apps/wallet-mobile/src/components/Icon/Icon.stories.tsx
@@ -266,6 +266,8 @@ storiesOf('Icon', module).add('Gallery', () => {
         <Item icon={<Icon.Reload />} title="Reload" />
 
         <Item icon={<Icon.Square />} title="Square" />
+
+        <Item icon={<Icon.Google />} title="Google" />
       </ScrollView>
     </FilterProvider>
   )

diff --git a/apps/wallet-mobile/src/components/Icon/index.ts b/apps/wallet-mobile/src/components/Icon/index.ts
@@ -46,6 +46,7 @@ import {Forward} from './Forward'
 import {Gear} from './Gear'
 import {Github} from './Github'
 import {Globe} from './Globe'
+import {Google} from './Google'
 import {Governance} from './Governance'
 import {HardwareWallet} from './HardwareWallet'
 import {Image} from './Image'
@@ -242,4 +243,5 @@ export const Icon = {
   Share2,
   Reload,
   Square,
+  Google,
 }
diff --git a/apps/wallet-mobile/src/features/Discover/common/helpers.ts b/apps/wallet-mobile/src/features/Discover/common/helpers.ts
@@ -3,7 +3,6 @@ import {dappConnectorApiMaker} from '@yoroi/dapp-connector'
 import {App} from '@yoroi/types'
 import {Alert, Image} from 'react-native'
 
-import Google from '../../../assets/img/dApp/google.png'
 import {YoroiWallet} from '../../../yoroi-wallets/cardano/types'
 
 export const validUrl = (url: string) => {
@@ -51,7 +50,7 @@ export const getGoogleSearchItem = (searchQuery: string): DAppItem => ({
   name: searchQuery,
   description: 'Google',
   category: 'search',
-  logo: Image.resolveAssetSource(Google).uri,
+  logo: '',
   uri: `https://www.google.com/search?q=${encodeURIComponent(searchQuery)}`,
   origins: ['https://www.google.com'],
 })

diff --git a/...et-mobile/src/features/Discover/useCases/SelectDappFromList/DAppListItem/DAppListItem.tsx b/...et-mobile/src/features/Discover/useCases/SelectDappFromList/DAppListItem/DAppListItem.tsx
@@ -97,7 +97,9 @@ export const DAppListItem = ({dApp, connected, onPress}: Props) => {
       onPress={handlePress}
     >
       <View style={styles.dAppItemContainer}>
-        {showIconPlaceholder ? (
+        {isGoogleSearchItem(dApp) ? (
+          <Icon.Google />
+        ) : showIconPlaceholder ? (
           <EmptyIcon />
         ) : (
           <View>