Merge pull request #1962 from appwrite/init-hotfixes

src/routes/(init)/init/(components)/lockup.svelte

@@ -51,11 +51,6 @@
         />
     </g>
     <g class="bottom-layer" filter="url(#k)">
-        <g clip-path="url(#o)">
-            <foreignObject x="57.3418" y="95.6592" width="677.969" height="304.417">
-                <div style="backdrop-filter:blur(12px);height:100%;width:100%"></div>
-            </foreignObject>
-        </g>
         <path
             d="m251.38 163.39c-8.172 4.718-17.542 7.566-26.367 7.572-8.713-7e-3 -15.127-2.776-18.033-7.809-2.795-4.841-2.107-11.369 1.945-18.37 8.264-14.318 27.559-25.116 44.872-25.122 8.746 5e-3 15.188 2.792 18.109 7.851 2.765 4.79 2.115 11.177-1.822 17.992-4.105 7.118-10.846 13.366-18.684 17.892l-0.02-6e-3zm-121.23 212.69-48.805 1e-3 82.218-142.4-36.733-1e-3 21.198-36.727 85.537 1e-3 -0.629 1.098-102.79 178.03z"
             stroke-width="1"
@@ -82,11 +77,6 @@
         />
     </g>
     <g class="middle-layer" filter="url(#j)">
-        <g clip-path="url(#n)">
-            <foreignObject x="33.209" y="51.125" width="676.902" height="305.375">
-                <div style="backdrop-filter:blur(12px);height:100%;width:100%"></div>
-            </foreignObject>
-        </g>
         <path
             d="m227.25 118.85c-8.171 4.718-17.541 7.566-26.367 7.572-8.713-7e-3 -15.127-2.776-18.033-7.809-2.795-4.841-2.107-11.369 1.945-18.371 8.264-14.317 27.56-25.116 44.872-25.121 8.746 0.0051 15.188 2.7921 18.109 7.8511 2.766 4.79 2.115 11.176-1.822 17.992-4.105 7.117-10.846 13.366-18.684 17.891l-0.02-5e-3zm-121.23 212.69-48.805 1e-3 82.218-142.4-36.733-2e-3 21.198-36.726 85.538 1e-3 -0.63 1.098-102.79 178.03z"
             fill="url(#a)"
@@ -313,11 +303,6 @@
         />
     </g>
     <g class="top-layer">
-        <g clip-path="url(#o)">
-            <foreignObject x="57.3418" y="95.6592" width="677.969" height="304.417">
-                <div style="backdrop-filter:blur(12px);height:100%;width:100%"></div>
-            </foreignObject>
-        </g>
         <g filter="url(#i)">
             <path
                 d="m204.53 30.594-1e-3 1e-4c-17.648 0.0056-37.284 10.976-45.737 25.62-4.143 7.1588-4.993 14.094-1.946 19.371 3.165 5.4809 10.024 8.3021 18.899 8.3093h1e-3c8.899-0.0063 18.294-2.8328 26.505-7.4996l0.022 6e-3 0.359-0.2072c7.958-4.5943 14.841-10.958 19.05-18.258 4.032-6.9788 4.837-13.77 1.822-18.992-3.179-5.5059-10.065-8.346-18.974-8.3512zm-123.65 258.42h0.5773l0.2887-0.5 102.79-178.03 1e-3 -2e-3 0.63-1.098 0.859-1.498h-1.726-85.538-0.5774l-0.2887 0.5-21.198 36.726-0.8656 1.5h1.7317l35 2e-3 -81.352 140.9-0.8661 1.5h1.7321l48.805-1e-3zm450.36-143.66-51.031 88.384c-10.994 19.036-12.295 32.985-5.018 42.179 3.605 4.554 9.217 7.791 16.444 9.892 6.36 1.849 14.027 2.835 22.805 3.045l-0.1 0.058h3.734l37.025 4e-3h0.577l0.289-0.5 20.724-35.89 0.866-1.5h-1.732l-36.613-2e-3c-3.573-1e-3 -6.35-0.34-8.402-1.005-2.043-0.662-3.276-1.615-3.923-2.791-0.649-1.183-0.807-2.775-0.309-4.926 0.498-2.154 1.633-4.769 3.435-7.892l51.41-89.048 58.987 3e-3h0.578l0.289-0.5 20.513-35.546 0.865-1.5h-1.731l-57.834-2e-3 28.141-48.735 0.866-1.4999-46.8-0.0049-0.577-1e-4 -0.289 0.5-28.718 49.735-38.852 1e-3h-0.578l-0.289 0.5-20.513 35.546-0.865 1.5h1.732l34.894-5e-3zm-14.403-114.75h-1e-3c-17.649 0.0057-37.285 10.977-45.738 25.621-4.143 7.1585-4.992 14.093-1.945 19.37 3.164 5.4809 10.024 8.3021 18.898 8.3093h2e-3c8.898-0.0064 18.294-2.8329 26.505-7.4998l0.022 0.0059 0.359-0.2069c7.957-4.5942 14.84-10.958 19.05-18.257 4.031-6.979 4.837-13.77 1.822-18.992-3.179-5.5059-10.065-8.3459-18.974-8.3511zm-123.64 258.41h0.578l0.288-0.5 102.79-178.03 2e-3 -2e-3 0.63-1.098 0.859-1.498h-1.727-85.538-0.577l-0.289 0.5-21.197 36.726-0.866 1.5h1.732l35.001 2e-3 -81.353 140.9-0.866 1.5h1.733l48.804-1e-3zm-97.518 1.076 1.73 1e-3 -0.583-1.013 67.382-116.7c11.083-19.191 13.301-37.087 6.044-49.657-7.259-12.573-22.909-19.026-44.793-19.026-25.055 6e-3 -51.716 9.277-71.508 24.86l10.928-18.93 0.865-1.5h-1.731l-49.031-5e-3h-0.577l-0.289 0.5-103.25 178.84-2e-3 3e-3 -0.641 1.103-0.873 1.502h1.738l49.03 6e-3h0.578l0.288-0.5 60.985-105.62c12.707-22.003 41.559-38.645 67.022-38.645 11.345 6e-3 19.27 3.525 22.757 9.565 3.542 6.135 2.536 15.051-3.378 25.301l-63.452 109.9h1.732l49.031 5e-3z"
@@ -341,11 +326,6 @@
                 stroke-width="2"
             />
         </g>
-        <g clip-path="url(#m)">
-            <foreignObject x="8.07422" y="7.59277" width="676.842" height="305.49">
-                <div style="backdrop-filter:blur(12px);height:100%;width:100%"></div>
-            </foreignObject>
-        </g>
         <g fill="url(#b)" filter="url(#f)">
             <path
                 d="m202.11 75.322c-8.171 4.7177-17.541 7.5659-26.366 7.5722-8.713-7e-3 -15.128-2.7759-18.034-7.8092-2.795-4.8413-2.107-11.369 1.945-18.371 8.265-14.317 27.56-25.116 44.872-25.121 8.747 0.0051 15.188 2.7921 18.109 7.8511 2.766 4.79 2.116 11.176-1.822 17.992-4.105 7.1172-10.846 13.366-18.684 17.891l-0.02-0.0054zm-121.23 212.69-48.805 1e-3 82.218-142.4-36.732-2e-3 21.198-36.726h85.538l-0.63 1.098-102.79 178.03z"

src/routes/(init)/init/(utils)/tickets.ts

@@ -84,11 +84,9 @@ export const createNewTicket = async (user: User) => {
             name: firstName,
             title: ''
         });
-
-        redirect(307, '/init/tickets/customize');
     }
 
-    redirect(307, '/init');
+    redirect(307, '/init/tickets/customize');
 };
 
 export const getTicketDocByUsername = async (username: string) => {

src/routes/(init)/init/tickets/customize/+page.svelte

@@ -25,13 +25,10 @@
 
     const debouncer = funnel(
         () => {
+            formState.saving = true;
             form.requestSubmit();
-            formState.drawerClosed = true;
-            originalTicketData = updatedTicketData;
-            formState.saved = true;
-            formState.saving = false;
         },
-        { minQuietPeriodMs: 1000 }
+        { minQuietPeriodMs: 2500 }
     );
 
     let originalTicketData = $state({
@@ -153,7 +150,10 @@
         use:enhance={async () => {
             formState.saving = true;
             return async ({ result }) => {
-                formState.saved = true;
+                if (result.type === 'success') {
+                    formState.saved = true;
+                    formState.saving = false;
+                }
             };
         }}
     >
@@ -211,6 +211,7 @@
                         value=""
                         checked={originalTicketData.sticker === null}
                         onchange={() => (originalTicketData.sticker = null)}
+                        oninput={() => debouncer.call()}
                     />
                     <div
                         class="text-tertiary font-aeonik-fono tracking-loose text-micro bg-smooth flex size-[calc(100%_-_6px)] items-center justify-center rounded-[1px] p-1 uppercase"
@@ -235,6 +236,7 @@
                             value={i}
                             checked={originalTicketData.sticker === i}
                             onchange={() => (originalTicketData.sticker = i)}
+                            oninput={() => debouncer.call()}
                         />
                         <div
                             class="bg-smooth flex size-[calc(100%_-_6px)] items-center justify-center rounded-[1px] p-1"
@@ -245,7 +247,12 @@
                 {/each}
             </div>
         </div>
-        <Button type="submit" class="w-full!" variant="secondary">
+        <Button
+            type="submit"
+            class="w-full!"
+            variant="secondary"
+            disabled={formState.saving || formState.saved}
+        >
             {#if formState.saving}
                 Saving
             {:else if formState.saved}