post-review changes

ui/marketplace/ContractListButton.tsx

@@ -3,7 +3,6 @@ import React from 'react';
 import type { MouseEvent } from 'react';
 
 import config from 'configs/app';
-import type { IconName } from 'ui/shared/IconSvg';
 import IconSvg from 'ui/shared/IconSvg';
 
 export enum ContractListButtonVariants {
@@ -13,12 +12,12 @@ export enum ContractListButtonVariants {
 
 const values = {
   [ContractListButtonVariants.ALL_CONTRACTS]: {
-    icon: 'contracts' as IconName,
+    icon: 'contracts' as const,
     iconColor: 'gray.500',
     tooltip: `Total number of contracts deployed by the protocol on ${ config.chain.name }`,
   },
   [ContractListButtonVariants.VERIFIED_CONTRACTS]: {
-    icon: 'contracts_verified' as IconName,
+    icon: 'contracts_verified' as const,
     iconColor: 'green.500',
     tooltip: `Number of verified contracts on ${ config.chain.name }`,
   },

ui/marketplace/MarketplaceAppModal.tsx

@@ -31,7 +31,7 @@ const MarketplaceAppModal = ({
   isFavorite,
   onFavoriteClick,
   data,
-  showContractList: showContractListDefault,
+  showContractList: showContractListProp,
 }: Props) => {
   const { value: isExperiment } = useFeatureValue('security_score_exp', false);
   const starOutlineIconColor = useColorModeValue('gray.600', 'gray.300');
@@ -78,8 +78,8 @@ const MarketplaceAppModal = ({
 
   const showContractList = useCallback((type: ContractListTypes) => {
     onClose();
-    showContractListDefault(id, type);
-  }, [ onClose, showContractListDefault, id ]);
+    showContractListProp(id, type);
+  }, [ onClose, showContractListProp, id ]);
 
   const showAllContracts = React.useCallback(() => {
     mixpanel.logEvent(mixpanel.EventTypes.PAGE_WIDGET, { Type: 'Total contracts', Info: id, Source: 'App modal' });

ui/marketplace/MarketplaceListWithScores/ListItem.tsx

@@ -55,16 +55,8 @@ const ListItem = ({ app, onInfoClick, isFavorite, onFavoriteClick, isLoading, on
     <ListItemMobile
       rowGap={ 3 }
       py={ 3 }
-      sx={{
-        ':first-of-type': {
-          borderTop: 'none',
-          paddingTop: 0,
-        },
-        ':last-of-type': {
-          borderBottom: 'none',
-          paddingBottom: 0,
-        },
-      }}
+      _first={{ borderTop: 'none', paddingTop: 0 }}
+      _last={{ borderBottom: 'none', paddingBottom: 0 }}
     >
       <Flex
         direction="column"