updates

XcavateBlockchain · May 5, 2024 · 30e1a40 · 30e1a40
1 parent 4643ae1
commit 30e1a40
Show file tree

Hide file tree

Showing 5 changed files with 48 additions and 31 deletions.
diff --git a/public/images/bg-blur.svg b/public/images/bg-blur.svg
diff --git a/src/app/(dashboard)/home/page.tsx b/src/app/(dashboard)/home/page.tsx
@@ -7,6 +7,8 @@ import { cn } from '@/lib/utils';
 import { Button } from '@/components/ui/button';
 import { PlayerStats } from '@/components/cards/player-stats-card';
 import { LeadBoardCard } from '@/components/cards/leadboard-card';
+import Link from 'next/link';
+
 export default function App() {
   return (
     <Shell>
@@ -24,9 +26,11 @@ export default function App() {
             </Button>
           </div>
           <div className="flex h-full w-[172px] items-end justify-center rounded-lg border border-primary-200 bg-primary-200/[0.24] pb-2.5">
-            <Button variant={'secondary'} size={'md'}>
-              Live Mode
-            </Button>
+            <Link href={`/gameplay`}>
+              <Button variant={'secondary'} size={'md'}>
+                Live Mode
+              </Button>
+            </Link>
           </div>
         </div>
       </section>
@@ -87,5 +91,3 @@ const NFTCard = () => {
     </div>
   );
 };
-
-
diff --git a/src/app/(dashboard)/profile/page.tsx b/src/app/(dashboard)/profile/page.tsx
@@ -77,9 +77,9 @@ const CircleCard = ({ color }: CircleCardProps) => {
             width="97.8"
             height="97.8"
             filterUnits="userSpaceOnUse"
-            color-interpolation-filters="sRGB"
+            colorInterpolationFilters="sRGB"
           >
-            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feFlood floodOpacity="0" result="BackgroundImageFix" />
             <feColorMatrix
               in="SourceAlpha"
               type="matrix"

diff --git a/src/app/gameplay/page.tsx b/src/app/gameplay/page.tsx
@@ -18,14 +18,29 @@ export default function GamePlay() {
           >
             <div className="game-play-bg relative w-1/2 border-[1px] border-[#57A0C5]">
               <div className="absolute bottom-[-44px]  left-[5rem] flex h-[20%] w-2/3 gap-3">
-                <div className="flex  h-[100%] w-1/3 items-center justify-center rounded-md shadow-md overflow-hidden">
-                  <Image src="/images/bedroom.png" width={100} height={100} />
+                <div className="flex  h-[100%] w-1/3 items-center justify-center overflow-hidden rounded-md shadow-md">
+                  <Image
+                    src="/images/bedroom.png"
+                    width={100}
+                    height={100}
+                    alt="property image"
+                  />
                 </div>
-                <div className="flex  h-[100%] w-1/3 items-center justify-center rounded-md shadow-md overflow-hidden">
-                  <Image src="/images/bedroom.png" width={100} height={100} />
+                <div className="flex  h-[100%] w-1/3 items-center justify-center overflow-hidden rounded-md shadow-md">
+                  <Image
+                    src="/images/bedroom.png"
+                    width={100}
+                    height={100}
+                    alt="property image"
+                  />
                 </div>
-                <div className="flex  h-[100%] w-1/3 items-center justify-center rounded-md shadow-md overflow-hidden">
-                  <Image src="/images/bedroom.png" width={100} height={100} />
+                <div className="flex  h-[100%] w-1/3 items-center justify-center overflow-hidden rounded-md shadow-md">
+                  <Image
+                    src="/images/bedroom.png"
+                    width={100}
+                    height={100}
+                    alt="property image"
+                  />
                 </div>
               </div>
             </div>
@@ -79,9 +94,9 @@ export default function GamePlay() {
                       width="164.639"
                       height="173.166"
                       filterUnits="userSpaceOnUse"
-                      color-interpolation-filters="sRGB"
+                      colorInterpolationFilters="sRGB"
                     >
-                      <feFlood flood-opacity="0" result="BackgroundImageFix" />
+                      <feFlood floodOpacity="0" result="BackgroundImageFix" />
                       <feBlend
                         mode="normal"
                         in="SourceGraphic"

diff --git a/src/components/layouts/connect-wallet.tsx b/src/components/layouts/connect-wallet.tsx
@@ -69,12 +69,12 @@ export default function ConnectWallet() {
             icon="talismanWallet"
             name="Talisman"
             isRecommended
-            onClick={() => handleConnect('Talisman')}
+            onClick={() => handleConnect('talisman')}
           />
           <WalletButton
             icon="subWallet"
             name="Subwallet"
-            onClick={() => handleConnect('Subwallet')}
+            onClick={() => handleConnect('subwallet-js')}
           />
         </div>
       </AlertDialogContent>