fix: fix signup form not working (monicahq/chandler#221)

monicahq · Sep 14, 2022 · d291bbe · d291bbe
1 parent 4b32260
commit d291bbe
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 11 deletions.
diff --git a/config/jetstream.php b/config/jetstream.php
@@ -58,7 +58,7 @@
     */
 
     'features' => [
-        Features::termsAndPrivacyPolicy(),
+        //Features::termsAndPrivacyPolicy(),
         // Features::profilePhotos(),
         Features::api(),
         //Features::teams(['invitations' => true]),

diff --git a/resources/js/Pages/Auth/Register.vue b/resources/js/Pages/Auth/Register.vue
@@ -2,6 +2,9 @@
   <div>
     <breeze-validation-errors class="mb-4" />
 
+    <p class="mb-2 text-lg font-bold">Sign up for an account</p>
+    <p class="mb-8 text-sm text-gray-500">Your name here will be used to add yourself as a contact.</p>
+
     <form @submit.prevent="submit">
       <div>
         <breeze-label for="first_name" value="First name" />
@@ -48,7 +51,7 @@
           autocomplete="new-password" />
       </div>
 
-      <div class="mt-4">
+      <div class="mt-4 mb-8">
         <breeze-label for="password_confirmation" value="Confirm Password" />
         <breeze-input
           id="password_confirmation"
@@ -60,33 +63,29 @@
       </div>
 
       <div class="mt-4 flex items-center justify-end">
-        <inertia-link
-          :href="route('login')"
-          class="text-sm text-gray-600 underline hover:text-gray-900 dark:text-gray-400">
+        <inertia-link :href="route('login')" class="mr-4 text-sm text-blue-500 hover:underline dark:text-gray-400">
           Already registered?
         </inertia-link>
 
-        <breeze-button class="ml-4" :class="{ 'opacity-25': form.processing }" :disabled="form.processing">
-          Register
-        </breeze-button>
+        <PrettyButton :text="'Register'" :state="loadingState" :classes="'save'" />
       </div>
     </form>
   </div>
 </template>
 
 <script>
-import BreezeButton from '@/Components/Button.vue';
 import BreezeGuestLayout from '@/Shared/Guest.vue';
 import BreezeInput from '@/Components/Input.vue';
 import BreezeLabel from '@/Components/Label.vue';
 import BreezeValidationErrors from '@/Components/ValidationErrors.vue';
+import PrettyButton from '@/Shared/Form/PrettyButton.vue';
 
 export default {
   components: {
-    BreezeButton,
     BreezeInput,
     BreezeLabel,
     BreezeValidationErrors,
+    PrettyButton,
   },
   layout: BreezeGuestLayout,
 

diff --git a/resources/js/Pages/Vault/Index.vue b/resources/js/Pages/Vault/Index.vue
@@ -15,7 +15,7 @@
           <p class="mb-3">
             {{ $t('vault.index_blank_sentence_2') }}
           </p>
-          <div class="text-center">
+          <div class="mb-4 text-center">
             <pretty-link :href="data.url.vault.create" :text="$t('vault.index_cta')" :icon="'plus'" />
           </div>
         </div>