promotion: preprod to prod

feat: list form and delete form

Author: RickaPrincy

src/assets/images/empy_list.png

@@ -87,6 +87,12 @@ export interface CreateForm {
    * @memberof CreateForm
    */
   createdAt?: string;
+  /**
+   *
+   * @type {string}
+   * @memberof CreateForm
+   */
+  updatedAt?: string;
   /**
    *
    * @type {boolean}
@@ -173,6 +179,12 @@ export interface Form {
    * @memberof Form
    */
   createdAt?: string;
+  /**
+   *
+   * @type {string}
+   * @memberof Form
+   */
+  updatedAt?: string;
   /**
    *
    * @type {boolean}
@@ -440,6 +452,56 @@ export const FormsApiAxiosParamCreator = function (
         options: localVarRequestOptions,
       };
     },
+    /**
+     *
+     * @summary Delete one form using id
+     * @param {string} formId Id the form
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     */
+    deleteFormById: async (
+      formId: string,
+      options: RawAxiosRequestConfig = {}
+    ): Promise<RequestArgs> => {
+      // verify required parameter 'formId' is not null or undefined
+      assertParamExists("deleteFormById", "formId", formId);
+      const localVarPath = `/forms/{formId}`.replace(
+        `{${"formId"}}`,
+        encodeURIComponent(String(formId))
+      );
+      // use dummy base URL string because the URL constructor only accepts absolute URLs.
+      const localVarUrlObj = new URL(localVarPath, DUMMY_BASE_URL);
+      let baseOptions;
+      if (configuration) {
+        baseOptions = configuration.baseOptions;
+      }
+
+      const localVarRequestOptions = {
+        method: "DELETE",
+        ...baseOptions,
+        ...options,
+      };
+      const localVarHeaderParameter = {} as any;
+      const localVarQueryParameter = {} as any;
+
+      // authentication BearerAuth required
+      // http bearer authentication required
+      await setBearerAuthToObject(localVarHeaderParameter, configuration);
+
+      setSearchParams(localVarUrlObj, localVarQueryParameter);
+      let headersFromBaseOptions =
+        baseOptions && baseOptions.headers ? baseOptions.headers : {};
+      localVarRequestOptions.headers = {
+        ...localVarHeaderParameter,
+        ...headersFromBaseOptions,
+        ...options.headers,
+      };
+
+      return {
+        url: toPathString(localVarUrlObj),
+        options: localVarRequestOptions,
+      };
+    },
     /**
      *
      * @summary Get one form using id
@@ -493,11 +555,13 @@ export const FormsApiAxiosParamCreator = function (
     /**
      *
      * @summary Get own forms
+     * @param {string} [sort]
      * @param {Form} [form]
      * @param {*} [options] Override http request option.
      * @throws {RequiredError}
      */
     getOwnForms: async (
+      sort?: string,
       form?: Form,
       options: RawAxiosRequestConfig = {}
     ): Promise<RequestArgs> => {
@@ -521,6 +585,10 @@ export const FormsApiAxiosParamCreator = function (
       // http bearer authentication required
       await setBearerAuthToObject(localVarHeaderParameter, configuration);
 
+      if (sort !== undefined) {
+        localVarQueryParameter["sort"] = sort;
+      }
+
       localVarHeaderParameter["Content-Type"] = "application/json";
 
       setSearchParams(localVarUrlObj, localVarQueryParameter);
@@ -616,6 +684,36 @@ export const FormsApiFp = function (configuration?: Configuration) {
           configuration
         )(axios, localVarOperationServerBasePath || basePath);
     },
+    /**
+     *
+     * @summary Delete one form using id
+     * @param {string} formId Id the form
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     */
+    async deleteFormById(
+      formId: string,
+      options?: RawAxiosRequestConfig
+    ): Promise<
+      (axios?: AxiosInstance, basePath?: string) => AxiosPromise<Form>
+    > {
+      const localVarAxiosArgs = await localVarAxiosParamCreator.deleteFormById(
+        formId,
+        options
+      );
+      const localVarOperationServerIndex = configuration?.serverIndex ?? 0;
+      const localVarOperationServerBasePath =
+        operationServerMap["FormsApi.deleteFormById"]?.[
+          localVarOperationServerIndex
+        ]?.url;
+      return (axios, basePath) =>
+        createRequestFunction(
+          localVarAxiosArgs,
+          globalAxios,
+          BASE_PATH,
+          configuration
+        )(axios, localVarOperationServerBasePath || basePath);
+    },
     /**
      *
      * @summary Get one form using id
@@ -649,17 +747,20 @@ export const FormsApiFp = function (configuration?: Configuration) {
     /**
      *
      * @summary Get own forms
+     * @param {string} [sort]
      * @param {Form} [form]
      * @param {*} [options] Override http request option.
      * @throws {RequiredError}
      */
     async getOwnForms(
+      sort?: string,
       form?: Form,
       options?: RawAxiosRequestConfig
     ): Promise<
       (axios?: AxiosInstance, basePath?: string) => AxiosPromise<Form>
     > {
       const localVarAxiosArgs = await localVarAxiosParamCreator.getOwnForms(
+        sort,
         form,
         options
       );
@@ -719,6 +820,18 @@ export const FormsApiFactory = function (
         .crupdateFormQuestions(formId, question, options)
         .then((request) => request(axios, basePath));
     },
+    /**
+     *
+     * @summary Delete one form using id
+     * @param {string} formId Id the form
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     */
+    deleteFormById(formId: string, options?: any): AxiosPromise<Form> {
+      return localVarFp
+        .deleteFormById(formId, options)
+        .then((request) => request(axios, basePath));
+    },
     /**
      *
      * @summary Get one form using id
@@ -734,13 +847,14 @@ export const FormsApiFactory = function (
     /**
      *
      * @summary Get own forms
+     * @param {string} [sort]
      * @param {Form} [form]
      * @param {*} [options] Override http request option.
      * @throws {RequiredError}
      */
-    getOwnForms(form?: Form, options?: any): AxiosPromise<Form> {
+    getOwnForms(sort?: string, form?: Form, options?: any): AxiosPromise<Form> {
       return localVarFp
-        .getOwnForms(form, options)
+        .getOwnForms(sort, form, options)
         .then((request) => request(axios, basePath));
     },
   };
@@ -789,6 +903,20 @@ export class FormsApi extends BaseAPI {
       .then((request) => request(this.axios, this.basePath));
   }
 
+  /**
+   *
+   * @summary Delete one form using id
+   * @param {string} formId Id the form
+   * @param {*} [options] Override http request option.
+   * @throws {RequiredError}
+   * @memberof FormsApi
+   */
+  public deleteFormById(formId: string, options?: RawAxiosRequestConfig) {
+    return FormsApiFp(this.configuration)
+      .deleteFormById(formId, options)
+      .then((request) => request(this.axios, this.basePath));
+  }
+
   /**
    *
    * @summary Get one form using id
@@ -806,14 +934,19 @@ export class FormsApi extends BaseAPI {
   /**
    *
    * @summary Get own forms
+   * @param {string} [sort]
    * @param {Form} [form]
    * @param {*} [options] Override http request option.
    * @throws {RequiredError}
    * @memberof FormsApi
    */
-  public getOwnForms(form?: Form, options?: RawAxiosRequestConfig) {
+  public getOwnForms(
+    sort?: string,
+    form?: Form,
+    options?: RawAxiosRequestConfig
+  ) {
     return FormsApiFp(this.configuration)
-      .getOwnForms(form, options)
+      .getOwnForms(sort, form, options)
       .then((request) => request(this.axios, this.basePath));
   }
 }

src/gen/client/api.ts

@@ -4,6 +4,14 @@
 @tailwind utilities;
 
 @layer components {
+  .list-view-header {
+    @apply text-[14px] font-normal text-bgray text-start;
+  }
+
+  .list-view-item {
+    @apply text-[14px] my-3 font-normal text-bgray text-start bg-white rounded w-full flex items-center py-2;
+  }
+
   .section {
     @apply min-h-screen bg-[#f7f7fa] w-full;
   }
@@ -24,10 +32,10 @@
   }
 
   .form-block {
-    @apply w-full rounded-[15px] shadow-gray-50 bg-white p-5 mb-7;
+    @apply w-full rounded-[5px] shadow-gray-50 bg-white p-5 mb-7;
   }
 
   .form-input {
-    @apply placeholder:text-gray-700;
+    @apply placeholder:text-gray-500;
   }
 }

src/index.css

@@ -15,6 +15,7 @@ import { DEFAULT_FORM_VALUE } from "../../../stores/useCreateFormStore";
 import { useNotify } from "../../../hooks";
 import { formsProvider } from "../../../providers/formsProvider";
 import { useDashboardState } from "../../../stores";
+import { dumbLoading } from "../../utils";
 
 export function FormCreateModal() {
   const [showCreate, setShowCreate] = useState(false);
@@ -33,6 +34,7 @@ export function FormCreateModal() {
       id: formId,
       title: title,
       createdAt: new Date().toISOString(),
+      updatedAt: new Date().toISOString(),
     };
 
     formsProvider
@@ -43,7 +45,7 @@ export function FormCreateModal() {
           color: "red",
         })
       )
-      .finally(() => setIsLoading(false));
+      .finally(() => dumbLoading(() => setIsLoading(false)));
   };
 
   const closeModal = () => setShowCreate(false);

src/operations/forms/FormList.jsx

@@ -6,6 +6,7 @@ import { useNavigate, useParams } from "react-router-dom";
 import { formsProvider } from "../../../providers/formsProvider";
 import { useCreateFormStore, useDashboardState } from "../../../stores";
 import { useNotify } from "../../../hooks";
+import { dumbLoading } from "../../utils";
 
 export function FormEdit() {
   const params = useParams();
@@ -32,7 +33,7 @@ export function FormEdit() {
           });
           navigate("/dashboard");
         })
-        .finally(() => setIsLoading(false));
+        .finally(() => dumbLoading(() => setIsLoading(false)));
     };
     getFormById();
   }, [formId]);

src/operations/forms/create/FormCreateModal.jsx

@@ -6,6 +6,7 @@ import { Question } from "./Question";
 import { useCreateFormStore, useDashboardState } from "../../../../stores";
 import { formsProvider } from "../../../../providers/formsProvider";
 import { useNotify } from "../../../../hooks";
+import { dumbLoading } from "../../../utils";
 
 // to avoid multiple rendering
 function SaveButton() {
@@ -19,13 +20,13 @@ function SaveButton() {
   }));
 
   const saveForm = async () => {
-    if (questions.length <= 0) {
-      notify("Must add at least one question", { color: "red" });
-      return;
-    }
-
     setIsLoading(true);
     const updateQuestions = async () => {
+      if (questions.length <= 0) {
+        dumbLoading(() => setIsLoading(false));
+        navigate("/dashboard");
+      }
+
       formsProvider
         .setFormQuestions(formId, questions)
         .then(() => {
@@ -37,18 +38,18 @@ function SaveButton() {
           });
         })
         .finally(() => {
-          setIsLoading(false);
+          dumbLoading(() => setIsLoading(false));
         });
     };
 
     formsProvider
-      .crupdateForm(config)
+      .crupdateForm({ ...config, updatedAt: new Date().toISOString() })
       .then(async () => updateQuestions())
       .catch(() => {
         notify("Oops, cannot update the forms, please try again", {
           color: "red",
         });
-        setIsLoading(false);
+        dumbLoading(() => setIsLoading(false));
       });
   };
 

src/operations/forms/create/FormEdit.jsx

@@ -51,6 +51,7 @@ export function CreateFormHeader() {
       <CollapseConfig title="More configuration">
         <Switch
           label="Private"
+          name="isPrivate"
           className="text-bgray text-[14px]"
           checked={config.isPrivate}
           onChange={({ target }) => updateConfig("isPrivate", target.checked)}