Refactor: License -> SampleImages

src/axios/order/editor/SampleImages.js

@@ -0,0 +1,6 @@
+import { SAMPLE_LIST } from '../../../constants/api';
+import request from '../../axios';
+
+export const getSampleList = async () => {
+  return request.get(SAMPLE_LIST());
+};

src/component/order/editor/panels/panelItems/Images.js → src/component/order/editor/panels/panelItems/SampleImages.js

@@ -2,23 +2,23 @@ import { Block } from 'baseui/block';
 import useSidebarOpen from '../../../../../hooks/useSidebarOpen';
 import AngleDoubleLeft from '../../icons/AngleDoubleLeft';
 import { useCallback, useEffect, useState } from 'react';
-import { getLicenseList } from '../../../../../axios/order/editor/License';
+import { getSampleList } from '../../../../../axios/order/editor/SampleImages';
 import { useEditor } from '@layerhub-io/react';
 import Scrollable from '../../common/Scrollable';
 import { useStyletron } from 'baseui';
 
-const License = () => {
+const SampleImages = () => {
   const { setIsSidebarOpen } = useSidebarOpen();
-  const [licenses, setLicenses] = useState([]);
+  const [sampleImages, setSampleImages] = useState([]);
   const editor = useEditor();
 
   useEffect(() => {
-    getLicense();
+    getSampleImages();
   }, []);
 
-  const getLicense = () => {
-    getLicenseList().then((res) => {
-      setLicenses(res.data);
+  const getSampleImages = () => {
+    getSampleList().then((res) => {
+      setSampleImages(res.data);
     });
   };
 
@@ -64,12 +64,12 @@ const License = () => {
               gridTemplateColumns: '1fr 1fr',
             }}
           >
-            {licenses.map((license, index) => {
+            {sampleImages.map((sampleImage, index) => {
               return (
                 <ImageItem
                   key={index}
-                  onClick={() => addObject(license.imageUrl)}
-                  preview={license.imageUrl}
+                  onClick={() => addObject(sampleImage.imageUrl)}
+                  preview={sampleImage.imageUrl}
                 />
               );
             })}
@@ -144,4 +144,4 @@ const ImageItem = ({ preview, onClick }) => {
   );
 };
 
-export default License;
+export default SampleImages;

src/component/order/editor/panels/panelItems/index.js

@@ -1,7 +1,7 @@
 /* eslint-disable import/no-anonymous-default-export */
 import Customize from './Customize';
 import Uploads from './Uploads';
-import Images from './Images';
+import Images from './SampleImages';
 import Layers from './Layers';
 import AI from './AI';
 import Text from './Text';

src/constants/api.js

@@ -17,7 +17,6 @@ export const PATCH_NOTICE_COMMENT = (noticeId, commentId) =>
 export const DELETE_NOTICE_COMMENT = (noticeId, commentId) =>
   `/auth/notices/${noticeId}/comments/${commentId}`;
 
-
 // order api
 export const PRODUCT_INFO = (id) => `/product/products/${id}`;
 export const LICENSE_IMAGES = (productId) => `/product/licenseProductOptionInfo/${productId}`;
@@ -26,7 +25,7 @@ export const LICENSE_IMAGES = (productId) => `/product/licenseProductOptionInfo/
 export const CREATE_REVIEW = () => `/product/reviews`;
 export const DELETE_REVIEW = (reviewId) => `/product/reviews/${reviewId}`;
 
-export const LICENSE_LIST = () => `/product/licenseImage`;
+export const SAMPLE_LIST = () => `/product/licenseImage`;
 
 // cart api
 export const ADD_CART_CUSTOM = () => '/product/carts/custom-products';