Don't show submit button if server has no name

HugoJF · Oct 10, 2020 · 89206dd · 89206dd
1 parent 2c7518a
commit 89206dd
Showing 1 changed file with 3 additions and 5 deletions.
diff --git a/resources/js/components/configurer/sections/SummarySubmitButton.js b/resources/js/components/configurer/sections/SummarySubmitButton.js
@@ -4,6 +4,7 @@ import Loader from "../ui/Loader";
 import Error from "../ui/Error";
 import tailwind from "../tailwind";
 import useCost from "../hooks/useCost";
+import useValidForm from "../hooks/useValidForm";
 
 const OrderButton = tailwind.div(() => `
     trans px-5 py-3 bg-green-500
@@ -18,10 +19,7 @@ const Center = tailwind.div(() => `
 
 export default function SummarySubmitButton({onSubmit, text}) {
     const servers = useServers();
-    const cost = useCost();
-
-    const _cost = cost.value / 100;
-    const valid = !isNaN(_cost) && cost.value > 0;
+    const validForm = useValidForm();
 
     async function handleOnClick() {
         await onSubmit();
@@ -43,7 +41,7 @@ export default function SummarySubmitButton({onSubmit, text}) {
             </div>
         }
         {
-            !servers.loading && valid &&
+            !servers.loading && validForm &&
             <OrderButton onClick={handleOnClick}>
                 {text}
             </OrderButton>