chore: for deploy

README.md

@@ -5,3 +5,5 @@
 ## Domain
 
 [https://tarotsol.ai/](https://tarotsol.ai/)
+
+[https://regal-moonbeam-3e1c0e.netlify.app/game](https://regal-moonbeam-3e1c0e.netlify.app/game)

src/components/common/currency-select/index.tsx

@@ -1,23 +1,23 @@
 import { Select, SelectTrigger, SelectItem, SelectValue, SelectContent } from '@/components/ui/select.tsx';
 import { currencies, Currencies } from '@/constants/addresses';
 
-type ICurrencySelect = {
+type CurrencySelect = {
   value: string;
   onValueChange: (value: Currencies) => void;
 };
 
-export const CurrencySelect = ({ value, onValueChange }: ICurrencySelect) => {
+export const CurrencySelect = ({ value, onValueChange }: CurrencySelect) => {
   return (
     <Select value={value} onValueChange={onValueChange}>
       <SelectTrigger className="font-poppins">
-        <SelectValue placeholder="Theme" />
+        <SelectValue />
       </SelectTrigger>
       <SelectContent className="font-poppins">
         {Object.values(currencies).map((e, index) => {
           return (
             <SelectItem key={index} value={Object.keys(currencies)[index]}>
               <div className="flex flex-row items-center gap-4">
-                <img src={`/icons/currencies/${Object.keys(currencies)[index]}.svg`} alt="currecy" />
+                <img src={`/icons/currencies/${Object.keys(currencies)[index]}.svg`} alt="currency" />
                 <div>{e.defaultPrice}</div>
               </div>
             </SelectItem>

src/components/ui/select.tsx

@@ -19,7 +19,7 @@ const SelectTrigger = React.forwardRef<
   <SelectPrimitive.Trigger
     ref={ref}
     className={cn(
-      'flex w-full items-center justify-between whitespace-nowrap rounded-[8px] border border-[#3A3939] bg-[#D0C7A3] p-[14px] text-[20px] ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1',
+      'flex w-full items-center justify-between whitespace-nowrap rounded-[8px] border border-[#3A3939] bg-[#D0C7A3] p-[14px] text-[20px] outline-none placeholder:text-muted-foreground focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1',
       className,
     )}
     {...props}
@@ -68,7 +68,7 @@ const SelectContent = React.forwardRef<
     <SelectPrimitive.Content
       ref={ref}
       className={cn(
-        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md',
+        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border-0 bg-[#D0C7A3] text-popover-foreground shadow-md',
         position === 'popper' &&
           'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',
         className,
@@ -81,7 +81,7 @@ const SelectContent = React.forwardRef<
         className={cn(
           'p-1',
           position === 'popper' &&
-            'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]',
+            'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] bg-[#D0C7A3]',
         )}
       >
         {children}
@@ -107,7 +107,7 @@ const SelectItem = React.forwardRef<
   <SelectPrimitive.Item
     ref={ref}
     className={cn(
-      'relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+      'relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-[#0000000b] focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
       className,
     )}
     {...props}

src/hooks/contracts/write/use-make-prediction.ts

@@ -11,7 +11,7 @@ import { Status, useStatusModalStore } from '@/store/status-modal';
 let toastId: string | number | null = null;
 
 const notify = () => {
-  toastId = toast('Making prediction...', {
+  toastId = toast('Connecting with the Oracle...', {
     autoClose: false,
     closeOnClick: false,
     draggable: false,

src/pages/game-page.tsx

@@ -1,7 +1,7 @@
 import { useLayoutEffect } from 'react';
 
-import { AboutSection } from '@/components/common/section';
 import { Header } from '@/components/common/header';
+import { AboutSection } from '@/components/common/section';
 import { TarotLine } from '@/components/common/tarot-line';
 import { GameSection } from '@/components/pages/game/game';
 import { WORDS } from '@/constants/words';