tweak stagger

next-canary/src/app/ThemeButton.tsx

@@ -12,6 +12,8 @@ export function ThemeButton({tags}: {tags: SyncTag[]}) {
       onClick={() =>
         startTransition(async () => {
           await randomColorTheme(tags)
+          // Wait 2 seconds to stagger requests a little bit
+          await new Promise((resolve) => setTimeout(resolve, 2_000))
         })
       }
       className={`bg-theme-button text-theme-button focus:ring-theme focus:ring-offset-theme rounded-md px-4 py-2 text-sm font-semibold transition ease-in-out focus:outline-none focus:ring-2 focus:ring-opacity-50 focus:ring-offset-2 focus:duration-0 disabled:cursor-not-allowed disabled:opacity-50 ${pending ? 'animate-pulse cursor-wait duration-150' : 'duration-1000'} `}

next-canary/src/app/actions.ts

@@ -12,8 +12,6 @@ export async function randomColorTheme(tags: SyncTag[]) {
   const res = await fetch('https://lcapi-examples-api.sanity.dev/api/random-color-theme', {
     method: 'PUT',
   })
-  // Wait 5 seconds to stagger requests a little bit
-  await new Promise((resolve) => setTimeout(resolve, 5_000))
   expireTag(...tags)
   return res.json()
 }