알림톡

src/entities/additional-service/api/alimtalk/use-extansion-alimtalk-setting-detail-mutation.ts

@@ -17,7 +17,7 @@ export const extensionAlimtalkSettingDetail = (params: ExtensionAlimtalkSettingD
   );
 };
 
-export const useExtensionAlimtalkSettingSaveMutation = (options?: UseMutationOptions<ExtensionAlimtalkSettingDetailResponse, CBDCAxiosError, ExtensionAlimtalkSettingDetailParams>) => {
+export const useExtensionAlimtalkSettingDetailMutation = (options?: UseMutationOptions<ExtensionAlimtalkSettingDetailResponse, CBDCAxiosError, ExtensionAlimtalkSettingDetailParams>) => {
   const mutation = useMutation<ExtensionAlimtalkSettingDetailResponse, CBDCAxiosError, ExtensionAlimtalkSettingDetailParams>({
     ...options,
     mutationFn: (params: ExtensionAlimtalkSettingDetailParams) => extensionAlimtalkSettingDetail(params),

src/entities/additional-service/model/alimtalk/types.ts

@@ -1,5 +1,14 @@
 import { DefaulResponsePagination, DefaultRequestPagination } from '@/entities/common/model/types';
 
+export enum AlimtalkSettingFlagKeys {
+  cardApprovalFlag = 'cardApprovalFlag',
+  cardCancelFlag = 'cardCancelFlag',
+  bankApprovalFlag = 'bankApprovalFlag',
+  bankCancelFlag = 'bankCancelFlag',
+  virtureAccountDepositRequestFlag = 'virtureAccountDepositRequestFlag',
+  virtureAccountDepositCompleteFlag = 'virtureAccountDepositCompleteFlag',
+  virtureAccountRefundFlag = 'virtureAccountRefundFlag'
+};
 export enum AlimtalkSearchCl {
   BUYER_NAME = 'BUYER_NAME',
   TID = 'TID'
@@ -24,8 +33,8 @@ export enum AlimTalkSendCl {
 };
 export interface ExtensionAlimtalkSettingSaveParams {
   mid: string;
-  sendMerchantInfo: SendMerchantInfo;
-  sendUserInfo: SendUserInfo;
+  sendMerchantInfo?: SendMerchantInfo;
+  sendUserInfo?: SendUserInfo;
 };
 
 export interface ExtensionAlimtalkSettingSaveResponse {};

src/entities/additional-service/ui/alimtalk/setting-service-row.tsx

@@ -0,0 +1,51 @@
+import { AlimtalkSettingFlagKeys } from "../../model/alimtalk/types";
+
+export interface AlimTalkSettingServiceRowProps {
+  title: string;
+  merchantFlag?: boolean;
+  userFlag?: boolean;
+  setMerchantFlag: (merchantFlag: boolean) => void;
+  setUserFlag: (userFlag: boolean) => void;
+};
+
+export const AlimTalkSettingServiceRow = ({
+  title,
+  merchantFlag,
+  userFlag,
+  setMerchantFlag,
+  setUserFlag
+}: AlimTalkSettingServiceRowProps) => {
+
+  const onChangeMerchantFlag = (value: boolean) => {
+    setMerchantFlag(value);
+  };
+  const onChangeUserFlag = (value: boolean) => {
+    setUserFlag(value);
+  };
+
+  return (
+    <>
+      <div className="service-row">
+        <span>{ title }</span>
+        <div className="switch-group">
+          <label className="settings-switch">
+            <input 
+              type="checkbox"
+              checked={ merchantFlag }
+              onChange={ (e) => onChangeMerchantFlag(e.target.checked) }
+            />
+            <span className="slider"></span>
+          </label>
+          <label className="settings-switch">
+            <input 
+              type="checkbox" 
+              checked={ userFlag } 
+              onChange={ (e) => onChangeUserFlag(e.target.checked) }
+            />
+            <span className="slider"></span>
+          </label>
+        </div>
+      </div>
+    </>
+  )
+};

src/entities/additional-service/ui/list-item.tsx

@@ -231,7 +231,7 @@ export const ListItem = ({
     else {
       return
     }
-    return timeStr
+    return timeStr;
   };
 
   const getTitle = () => {