feat: remove auto roll from web version

Misfits-Labs · Nov 11, 2023 · 943b47a · 943b47a
1 parent ef3ac03
commit 943b47a
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/src/components/Dice/animations.ts b/src/components/Dice/animations.ts
@@ -6,7 +6,7 @@ export function useRoll(diceRef: any,) {
   const triggerRoll = () => setStrigger((s: boolean) => !s);
 
   function roll() {
-    gsap.set("g#all-sides", {y: "0"})
+    gsap.set("g#all-sides", { y: "0" })
     const tl = gsap.timeline();
     tl.to("g#all-sides", {
       duration: 2,
@@ -16,9 +16,11 @@ export function useRoll(diceRef: any,) {
     })
   }
   useLayoutEffect(()=> {
-   const ctx = gsap.context(() => {
+
+    const ctx = gsap.context(() => {
      roll();
     }, diceRef);
+
     return () => ctx.revert();
   }, [trigger]);
 

diff --git a/src/components/LandingPageHero/index.tsx b/src/components/LandingPageHero/index.tsx
@@ -1,15 +1,15 @@
 import { useRef } from 'react';
 import { PlayGameContainer } from "../LandingPageHeroSection/types";
 import { Dice } from "../Dice";
-import { useRoll, useAutoRoll } from "../Dice/animations";
+import { useRoll } from "../Dice/animations";
 import { LeftPlayerCard, RightPlayerCard } from "../LandingHeroPlayerCard";
 import Button from "../Button";
 import 'twin.macro';
 
 const LandingPageHero = () => {
  const diceRef = useRef<any>(null);
  const triggerDice = useRoll(diceRef);
- useAutoRoll(diceRef);
+//  useAutoRoll(diceRef);
 
  return ( 
     <PlayGameContainer tw="flex flex-col gap-[21px]">