Change requests

Co-authored-by: Corwin Smith <[email protected]>
Co-authored-by: Paul Wackerow <[email protected]>
Co-authored-by: Pablo Pettinari <[email protected]>

Author: 3 people

src/components/Simulator/NotificationPopover.tsx

@@ -27,7 +27,6 @@ export const NotificationPopover: React.FC<IProps> = ({
   return (
     <Popover placement={placement}>
       <PopoverTrigger>{children}</PopoverTrigger>
-      <Portal>
         <PopoverContent
           bg="background.highlight"
           px={4}
@@ -46,7 +45,6 @@ export const NotificationPopover: React.FC<IProps> = ({
           </Flex>
           <PopoverBody>{content}</PopoverBody>
         </PopoverContent>
-      </Portal>
     </Popover>
   )
 }

src/components/Simulator/WalletHome/hooks/useNFT.tsx

@@ -20,17 +20,23 @@ import type { PhoneScreenProps } from "../../interfaces"
 import { NotificationPopover } from "../../NotificationPopover"
 import { ProgressCta } from "../../ProgressCta"
 import { WalletHome } from "../../WalletHome"
-import { useNFT } from "../../WalletHome/hooks/useNFT"
 import type { TokenBalance } from "../../WalletHome/interfaces"
 
 import { Browser } from "./Browser"
 import { EXAMPLE_APP_URL } from "./constants"
 import { Slider } from "./Slider"
 import { Web3App } from "./Web3App"
 
+import NFTImage from "@/public/deep-panic.png"
+
 export const ConnectWeb3: React.FC<PhoneScreenProps> = ({ nav, ctaLabel }) => {
   const { progressStepper, step } = nav
-  const NFTs = useNFT()
+  const NFTs = [
+    {
+      title: "Cool art",
+      image: NFTImage,
+    },
+  ]
   const fetchedPrice = useEthPrice()
   const ethPrice = fetchedPrice > 1 ? fetchedPrice : FALLBACK_ETH_PRICE
   const tokensWithEthBalance = useMemo<Array<TokenBalance>>(
@@ -47,7 +53,12 @@ export const ConnectWeb3: React.FC<PhoneScreenProps> = ({ nav, ctaLabel }) => {
     [ethPrice]
   )
   const [activeTabIndex, setActiveTabIndex] = useState(1)
-  const nfts = useNFT()
+  const nfts = [
+    {
+      title: "Cool art",
+      image: NFTImage,
+    },
+  ]
   const fadeInProps = {
     initial: { opacity: 0 },
     animate: { opacity: 1 },

src/components/Simulator/screens/ConnectWeb3/index.tsx

@@ -222,7 +222,7 @@ export const walletOnboardingSimData: SimulatorData = {
             </Text>
             <Text>
               Let&apos;s first look at how to receive ether (ETH),
-              Ethereum&amp;apos;s native currency.
+              Ethereum&apos;s native currency.
             </Text>
             <Text>
               Click the &quot;Receive&quot; button to see how to receive funds.

src/data/WalletSimulatorData.tsx

@@ -207,6 +207,9 @@ const guides = [
   },
 ]
 
+type Props = SSRConfig & {
+  lastDeployDate: string
+}
 export const getStaticProps = (async (context) => {
   const { locale } = context
   const lastDeployDate = getLastDeployDate()
@@ -220,7 +223,7 @@ export const getStaticProps = (async (context) => {
       lastDeployDate,
     },
   }
-}) satisfies GetStaticProps<SSRConfig>
+}) satisfies GetStaticProps<Props>
 
 const WalletsPage = () => {
   const { locale } = useRouter()