Merge branch 'develop' into feat/backoffice-login

apps/backoffice/src/app/accounts/_components/modal-edit-account.tsx

@@ -1,5 +1,5 @@
 import { Button } from '@imphnen-frontend-service/ui/atoms';
-import { InputForm, Modal } from '@imphnen-frontend-service/ui/molecules';
+import { InputField, Modal } from '@imphnen-frontend-service/ui/molecules';
 import { useState } from 'react';
 
 interface IModalEditAccount {
@@ -63,7 +63,7 @@ const StepOne = ({ nextStep }: IStepOneProps) => {
       </Modal.Header>
       <Modal.Content className="flex flex-col gap-8">
         <div className="flex flex-col gap-4">
-          <InputForm
+          <InputField
             label="Nama Lengkap"
             type="text"
             placeholder="Masukkan Nama Lengkap"
@@ -72,7 +72,7 @@ const StepOne = ({ nextStep }: IStepOneProps) => {
             size="lg"
             className="w-full"
           />
-          <InputForm
+          <InputField
             label="Email"
             type="text"
             placeholder="Masukkan Email"
@@ -81,7 +81,7 @@ const StepOne = ({ nextStep }: IStepOneProps) => {
             size="lg"
             className="w-full"
           />
-          <InputForm
+          <InputField
             label="Nomor Telepon"
             type="text"
             placeholder="Masukkan Nomor Telepon"
@@ -90,7 +90,7 @@ const StepOne = ({ nextStep }: IStepOneProps) => {
             size="lg"
             className="w-full"
           />
-          <InputForm
+          <InputField
             label="Alamat"
             type="text"
             placeholder="Masukkan Alamat"

apps/backoffice/src/app/dashboard/_components/modal-add-item.tsx

@@ -1,5 +1,5 @@
 import { Button } from '@imphnen-frontend-service/ui/atoms';
-import { InputForm, Modal } from '@imphnen-frontend-service/ui/molecules';
+import { InputField, Modal } from '@imphnen-frontend-service/ui/molecules';
 
 interface IModalAddItem {
   isOpen: boolean;
@@ -58,21 +58,21 @@ const StepOne = ({ nextStep }: IStepOneProps) => (
     </Modal.Header>
     <Modal.Content className="flex flex-col gap-8">
       <div className="flex flex-col gap-4">
-        <InputForm
+        <InputField
           label="Nama Hadiah"
           type="text"
           placeholder="Masukkan Nama Hadiah"
           size="lg"
           className="w-full"
         />
-        <InputForm
+        <InputField
           label="Chance Rate"
           type="text"
           placeholder="Masukkan Chance Rate"
           size="lg"
           className="w-full"
         />
-        <InputForm
+        <InputField
           label="Foto Barang"
           type="file"
           placeholder=".jpg, .jpeg, atau .png"

apps/backoffice/src/app/dashboard/_components/modal-edit-item.tsx

@@ -1,5 +1,5 @@
 import { Button } from '@imphnen-frontend-service/ui/atoms';
-import { InputForm, Modal } from '@imphnen-frontend-service/ui/molecules';
+import { InputField, Modal } from '@imphnen-frontend-service/ui/molecules';
 
 interface IModalEditItem {
   isOpen: boolean;
@@ -58,21 +58,21 @@ const StepOne = ({ nextStep }: IStepOneProps) => (
     </Modal.Header>
     <Modal.Content className="flex flex-col gap-8">
       <div className="flex flex-col gap-4">
-        <InputForm
+        <InputField
           label="Nama Hadiah"
           type="text"
           placeholder="Masukkan Nama Hadiah"
           size="lg"
           className="w-full"
         />
-        <InputForm
+        <InputField
           label="Chance Rate"
           type="text"
           placeholder="Masukkan Chance Rate"
           size="lg"
           className="w-full"
         />
-        <InputForm
+        <InputField
           label="Foto Barang"
           type="file"
           placeholder=".jpg, .jpeg, atau .png"

apps/backoffice/src/app/page.tsx

@@ -1,8 +1,7 @@
 import { FC, ReactElement, useState } from 'react';
 import { useNavigate } from 'react-router';
 import { Button } from '@imphnen-frontend-service/ui/atoms';
-import { InputForm } from '@imphnen-frontend-service/ui/molecules';
-import { postLogin } from '@imphnen-frontend-service/service';
+import { InputField } from '@imphnen-frontend-service/ui/molecules';
 
 export const Components: FC = (): ReactElement => {
   const navigate = useNavigate();
@@ -34,28 +33,21 @@ export const Components: FC = (): ReactElement => {
         <h1 className="text-primary-500 text-p1 font-semibold">
           Welcome to IMPHNEN Backoffice
         </h1>
-        <form onSubmit={handleLogin} className="flex flex-col gap-8">
-          <InputForm
-            label="Email"
-            placeholder="Masukkan Email"
-            type="email"
-            size="lg"
-            className="w-full"
-            value={email}
-            onChange={(e) => setEmail(e.target.value)}
-            autoFocus
-          />
-          <InputForm
-            label="Password"
-            placeholder="Masukkan password"
-            type="password"
-            size="lg"
-            className="w-full"
-            value={password}
-            onChange={(e) => setPassword(e.target.value)}
-          />
-          <Button type="submit">Login</Button>
-        </form>
+        <InputField
+          label="Email"
+          placeholder="Masukkan Email"
+          type="email"
+          size="lg"
+          className="w-full"
+        />
+        <InputField
+          label="Password"
+          placeholder="Masukkan password"
+          type="password"
+          size="lg"
+          className="w-full"
+        />
+        <Button onClick={() => navigate('/dashboard')}>Login</Button>
       </div>
     </div>
   );

apps/backoffice/src/app/prizes/_components/modal-process-item.tsx

@@ -1,5 +1,5 @@
 import { Button } from '@imphnen-frontend-service/ui/atoms';
-import { InputForm, Modal } from '@imphnen-frontend-service/ui/molecules';
+import { InputField, Modal } from '@imphnen-frontend-service/ui/molecules';
 
 interface IModalProcessDelivery {
   isOpen: boolean;
@@ -30,7 +30,7 @@ const ModalProcessDelivery = ({
       </Modal.Header>
       <Modal.Content className="flex flex-col gap-8">
         <div className="flex flex-col gap-4">
-          <InputForm
+          <InputField
             label="Nama Lengkap"
             type="text"
             placeholder="Masukkan Nama Lengkap"
@@ -39,7 +39,7 @@ const ModalProcessDelivery = ({
             className="w-full"
             readOnly
           />
-          <InputForm
+          <InputField
             label="Item yang didapatkan"
             type="text"
             placeholder="Masukkan Nama Item"
@@ -48,7 +48,7 @@ const ModalProcessDelivery = ({
             className="w-full"
             readOnly
           />
-          <InputForm
+          <InputField
             label="Alamat Pengiriman"
             type="text"
             placeholder="Masukkan Alamat Pengiriman"
@@ -57,7 +57,7 @@ const ModalProcessDelivery = ({
             className="w-full"
             readOnly
           />
-          <InputForm
+          <InputField
             label="Status"
             type="text"
             placeholder="Isi Status Pengiriman"

apps/backoffice/src/app/transactions/_components/modal-validate.tsx

@@ -1,5 +1,5 @@
 import { Button } from '@imphnen-frontend-service/ui/atoms';
-import { InputForm, Modal } from '@imphnen-frontend-service/ui/molecules';
+import { InputField, Modal } from '@imphnen-frontend-service/ui/molecules';
 
 interface IModalValidate {
   isOpen: boolean;
@@ -27,7 +27,7 @@ const ModalValidate = ({
         </h2>
       </Modal.Header>
       <Modal.Content className="flex flex-col gap-8">
-        <InputForm
+        <InputField
           label="Nomor Transaksi"
           type="text"
           placeholder="Masukkan Nomor Transaksi"