feat: Add yETH to the header popover

yearn · Aug 5, 2023 · 00c50e8 · 00c50e8
1 parent 074264f
commit 00c50e8
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 3 deletions.
diff --git a/apps/common/components/AppHeader.tsx b/apps/common/components/AppHeader.tsx
@@ -68,7 +68,7 @@ function LogoPopover(): ReactElement {
 				leaveTo={'opacity-0 translate-y-1'}>
 				<Popover.Panel className={'absolute left-1/2 z-10 mt-6 w-80 -translate-x-1/2 px-4 pt-4 sm:px-0 md:w-96'}>
 					<div className={'overflow-hidden border border-neutral-200 shadow-lg'}>
-						<div className={'relative grid grid-cols-2 bg-neutral-0 md:grid-cols-4'}>
+						<div className={'relative grid grid-cols-2 bg-neutral-0 md:grid-cols-3'}>
 							{
 								Object.values(APPS)
 									.filter(({isDisabled}): boolean => !isDisabled)

diff --git a/apps/common/components/Apps.tsx b/apps/common/components/Apps.tsx
@@ -22,14 +22,15 @@ export enum AppName {
 	YCRV = 'yCRV',
 	YBAL = 'yBal',
 	VEYFI = 'veYFI',
-	YBRIBE = 'yBribe'
+	YBRIBE = 'yBribe',
+	YETH = 'yETH'
 }
 
 type TApp = {
 	name: AppName;
 	href: string;
 	menu: TMenu[];
-	manifest: TMetaFile;
+	manifest?: TMetaFile;
 	icon: ReactElement;
 	isDisabled?: boolean;
 }
@@ -95,5 +96,18 @@ export const APPS: { [key in AppName]: TApp } = {
 			className={'h-8 w-8'}
 			back={'text-neutral-900'}
 			front={'text-neutral-0'} />
+	},
+	yETH: {
+		name: AppName.YETH,
+		href: 'https://yeth.yearn.finance',
+		menu: [],
+		icon: <ImageWithFallback
+			alt={'yETH'}
+			className={'h-8 w-8'}
+			width={100}
+			height={100}
+			src={`${process.env.BASE_YEARN_ASSETS_URI}/1/0x1BED97CBC3c24A4fb5C069C6E311a967386131f7/logo-128.png`}
+			loading={'eager'}
+			priority />
 	}
 };