fix: change wording menu payback

src/pages/App/DesktopLayout.js

@@ -206,24 +206,24 @@ export const DesktopLayout = observer(() => {
                 </Menu.Item>
               )}
               <SubMenu
-                key="payback-main"
-                icon={<ProfileOutlined />}
-                title="Payback"
+                  key="payback-main"
+                  icon={<ProfileOutlined/>}
+                  title="Created"
               >
                 {store.authentication.userData.role !== "Retail" && (
                 <Menu.Item key="payback-to-user">
                   <Link to={LINKS.PAYBACK}>
-                    <PayCircleOutlined />
-                    <span>Payback To</span>
+                      <PayCircleOutlined/>
+                      <span>Confirmation</span>
                   </Link>
                 </Menu.Item>
                 )}
                 {store.authentication.userData.role !== "Admin" && (
                 <Menu.Item key="payback-from-user">
-                  <Link to={LINKS.PAYBACK_FROM_USER}>
-                      <AlipayOutlined/>
-                      <span>Payback</span>
-                  </Link>
+                    <Link to={LINKS.PAYBACK_CREATED}>
+                        <AlipayOutlined/>
+                        <span>Created</span>
+                    </Link>
                 </Menu.Item>
                 )}
               </SubMenu>

src/pages/App/MenuList.js

@@ -131,16 +131,16 @@ export const MenuList = observer((props) => {
         {store.authentication.userData.role !== "Retail" && (
           <Menu.Item key="payback-to-user">
             <Link to={LINKS.PAYBACK}>
-              <PayCircleOutlined />
-              <span>Payback To</span>
+              <PayCircleOutlined/>
+                <span>Confirmation</span>
             </Link>
           </Menu.Item>
         )}
         {store.authentication.userData.role !== "Admin" && (
           <Menu.Item key="payback-from-user">
-              <Link to={LINKS.PAYBACK_FROM_USER}>
+              <Link to={LINKS.PAYBACK_CREATED}>
                   <AlipayOutlined/>
-                  <span>Payback</span>
+                  <span>Created</span>
               </Link>
           </Menu.Item>
         )}

src/pages/Payback/Payback.js

@@ -33,7 +33,6 @@ export const Payback = observer(() => {
     init();
   }, []);
 
-
   const columns = [
     {
       title: "Picture",

src/pages/Payback/PaybackCreated.js

@@ -10,7 +10,7 @@ import {ModalLoaderContext} from "../../utils/modal";
 
 const {Search} = Input;
 
-export const PaybackFromUser = observer(() => {
+export const PaybackCreated = observer(() => {
   const store = useStore();
   const [initialData, setInitialData] = useState({});
   const modalLoader = useContext(ModalLoaderContext);
@@ -37,7 +37,6 @@ export const PaybackFromUser = observer(() => {
     init();
   }, []);
 
-
   const columns = [
     {
       title: "Picture",
@@ -70,7 +69,7 @@ export const PaybackFromUser = observer(() => {
       name: "Home",
     },
     {
-      route: LINKS.PAYBACK_FROM_USER,
+      route: LINKS.PAYBACK_CREATED,
       name: <span style={{fontWeight: "bold"}}>Payback User</span>,
     },
   ];

src/pages/Payback/PaybackModal.js

@@ -68,7 +68,7 @@ export const PaybackModal = ({initialData}) => {
         image_prove: responseFilename
       }
       await store.payback.create(request);
-      message.success("Success Add Payback");
+      message.success("Success Add Created");
     } catch (e) {
       if (e.response?.body?.message) {
         message.error(e.response.body.message);
@@ -97,7 +97,7 @@ export const PaybackModal = ({initialData}) => {
   return (
       <Modal
           visible={store.payback.visibleModalPayback}
-          title={"Create a new Payback"}
+          title={"Create a new Created"}
           okText={"Create"}
           cancelText="Cancel"
           onCancel={handleCancel}