feat(website): revise support modal (#1734)

* feat(website): revise support modal * fix(website): fix query throttle * fix(website): revise support modal * fix(website): revise support modal
pmndrs · Feb 2, 2023 · 0c195b0 · 0c195b0 · vercel · Feb 2, 2023
1 parent 932d82e
commit 0c195b0
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/website/src/components/search-modal.js b/website/src/components/search-modal.js
@@ -78,7 +78,7 @@ const CustomSearchBox = (props) => {
   const { refine } = useSearchBox(props);
 
   const throttledRefine = useMemo(
-    () => throttle((value) => refine(value), 200, { leading: true, trailing: true }),
+    () => throttle((value) => refine(value), 200, { trailing: true }),
     [refine],
   );
 

diff --git a/website/src/components/support.js b/website/src/components/support.js
@@ -53,7 +53,7 @@ export const Support = () => {
           <div className="mt-4 flex flex-col gap-4">
             <Button
               to="https://egghead.io/courses/manage-application-state-with-jotai-atoms-2c3a29f0"
-              className="w-full"
+              className="w-full dark:!bg-gray-950 dark:hover:!bg-teal-950"
               bold
               external
             >
@@ -64,15 +64,15 @@ export const Support = () => {
             </Button>
             <Button
               to="https://daishi.gumroad.com/l/learn-jotai/website_qpiwdj8"
-              className="w-full"
+              className="w-full dark:!bg-gray-950 dark:hover:!bg-teal-950"
               bold
               external
             >
               Learn Simplified Jotai
             </Button>
             <Button
               to="https://daishi.gumroad.com/l/philosophy-of-jotai-1"
-              className="w-full"
+              className="w-full dark:!bg-gray-950 dark:hover:!bg-teal-950"
               bold
               external
             >
@@ -128,7 +128,7 @@ export const Support = () => {
                 />
               </label>
               <div className={cx(hasSubmitted && 'opacity-0')}>
-                <Button icon="message" onClick={handleSubmit} dark bold>
+                <Button icon="message" onClick={handleSubmit} dark bold className="dark:!bg-black">
                   Send inquiry
                 </Button>
               </div>