display gas price indicator when the user connects

Author: pettinarip

app/[locale]/10years/_components/NFTMintCard/Mint.tsx

@@ -10,6 +10,7 @@ import { Button } from "@/components/ui/buttons/Button"
 import MintError from "./views/MintError"
 import MintSuccess from "./views/MintSuccess"
 import Connected from "./Connected"
+import GasPriceDisplay from "./GasPriceDisplay"
 
 import { useNetworkContract } from "@/hooks/useNetworkContract"
 import { getErrorMessage } from "@/lib/torch"
@@ -79,6 +80,8 @@ export default function Mint({ address }: { address: Address }) {
 
   return (
     <div className="flex flex-col items-center justify-center space-y-6">
+      <GasPriceDisplay className="w-full" />
+
       {isSupportedNetwork && (
         <>
           <Button

app/[locale]/10years/_components/NFTMintCard/index.tsx

@@ -11,7 +11,6 @@ import CountDown from "../CountDown"
 
 import Connection from "./Connection"
 import GasFeeInformation from "./GasFeeInformation"
-import GasPriceDisplay from "./GasPriceDisplay"
 
 import Curved10YearsText from "@/public/images/10-year-anniversary/10y-curved-heading.svg"
 
@@ -119,8 +118,6 @@ const NFTMintCard = ({ className }: NFTMintCardProps) => {
 
               <GasFeeInformation />
 
-              <GasPriceDisplay />
-
               <Connection />
             </>
           )}