Merge pull request #1585 from sushiswap/fix/network-icons

fix: network icon classnames
sushi-labs · Aug 6, 2024 · 3ae1f80 · 3ae1f80
2 parents c8c80de + 5199677
commit 3ae1f80
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/packages/ui/src/icons/network/circle/EthereumCircle.tsx b/packages/ui/src/icons/network/circle/EthereumCircle.tsx
@@ -2,12 +2,13 @@ import * as React from 'react'
 
 import { EthereumNaked } from '../naked/EthereumNaked'
 
+import classNames from 'classnames'
 import { IconComponent } from '../../../types'
 
 export const EthereumCircle: IconComponent = (props) => (
   <EthereumNaked
     {...props}
-    className="text-white"
+    className={classNames(props.className, 'text-white')}
     circle={<rect rx={64} width={128} height={128} fill="#627EEA" />}
   />
 )
diff --git a/packages/ui/src/icons/network/circle/GnosisCircle.tsx b/packages/ui/src/icons/network/circle/GnosisCircle.tsx
@@ -2,12 +2,13 @@ import * as React from 'react'
 
 import { GnosisNaked } from '../naked/GnosisNaked'
 
+import classNames from 'classnames'
 import { IconComponent } from '../../../types'
 
 export const GnosisCircle: IconComponent = (props) => (
   <GnosisNaked
     {...props}
-    className="text-gray-700"
+    className={classNames(props.className, 'text-gray-700')}
     circle={<rect width="128" height="128" fill="#d0e2ef" rx="64" />}
   />
 )
diff --git a/packages/ui/src/icons/network/circle/TelosCircle.tsx b/packages/ui/src/icons/network/circle/TelosCircle.tsx
@@ -2,12 +2,13 @@ import * as React from 'react'
 
 import { TelosNaked } from '../naked/TelosNaked'
 
+import classNames from 'classnames'
 import { IconComponent } from '../../../types'
 
 export const TelosCircle: IconComponent = (props) => (
   <TelosNaked
     {...props}
-    className="!text-white"
+    className={classNames(props.className, '!text-white')}
     circle={<rect width={128} height={128} rx={64} fill="#5613FF" />}
   />
 )