From e54009d88ac99159c1ca45773099d4b3adb4146a Mon Sep 17 00:00:00 2001 From: wooooooood <13pft13@gmail.com> Date: Sun, 20 Aug 2023 05:14:16 +0900 Subject: [PATCH] feat(settings): send esl depending on chosen mood --- public/png/badge_bad.png | Bin 0 -> 8294 bytes public/png/badge_good.png | Bin 0 -> 8912 bytes src/features/preview/Container.tsx | 2 - .../components/SubmitForm/DailySticker.tsx | 2 +- src/features/setting/constants.ts | 47 +++++++++++-- src/features/setting/hooks/useSetting.ts | 66 +++++++++++++++++- src/features/setting/types.ts | 2 +- 7 files changed, 109 insertions(+), 10 deletions(-) create mode 100644 public/png/badge_bad.png create mode 100644 public/png/badge_good.png diff --git a/public/png/badge_bad.png b/public/png/badge_bad.png new file mode 100644 index 0000000000000000000000000000000000000000..dcd75254fd1be94c2b468ba46ebf4a2be9acc124 GIT binary patch literal 8294 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 Cs*tt- literal 0 HcmV?d00001 diff --git a/public/png/badge_good.png b/public/png/badge_good.png new file mode 100644 index 0000000000000000000000000000000000000000..8d165549af86448bc5d4eb46e75c8798021fd1e0 GIT binary patch literal 8912 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 literal 0 HcmV?d00001 diff --git a/src/features/preview/Container.tsx b/src/features/preview/Container.tsx index 015862a..e815855 100644 --- a/src/features/preview/Container.tsx +++ b/src/features/preview/Container.tsx @@ -6,7 +6,6 @@ import { bottomBtnAtom, titleAtom } from '../shared/layout/atom'; import './style/index.scss'; import BottomText from './components/BottomText'; -import LabelSender from './components/LabelSender'; import ChooseType from './components/ChooseType'; import PreviewImage from './components/PreviewImage'; @@ -28,7 +27,6 @@ const Container = () => { - . ); }; diff --git a/src/features/setting/components/SubmitForm/DailySticker.tsx b/src/features/setting/components/SubmitForm/DailySticker.tsx index c4be584..7c3c5d8 100644 --- a/src/features/setting/components/SubmitForm/DailySticker.tsx +++ b/src/features/setting/components/SubmitForm/DailySticker.tsx @@ -18,7 +18,7 @@ const DailySticker: FunctionComponent = ({ control }) => {
{wordStickerText} ( diff --git a/src/features/setting/constants.ts b/src/features/setting/constants.ts index d957670..f3d7f66 100644 --- a/src/features/setting/constants.ts +++ b/src/features/setting/constants.ts @@ -1,9 +1,48 @@ export const colorset = ['red', 'yellow', 'green']; export const stickerList = ['mood_BAD', 'mood_GOOD']; -export const previewTitleText = 'What is the Active Setting?'; +export const previewTitleText = 'What is the Active Mood?'; export const previewSubText = - 'Congratulations on winning! Press the button to get a giftCongratulations on winning! Press the button to get a giftCongratulations on winning!'; + 'Express yourself on your employee ID card with your day that changes every day! You can write down what you want to say in words and choose a sticker that expresses your day and combine it!'; -export const wordTitleText = 'Word of the day'; -export const wordStickerText = 'Word of the Sticker'; +export const wordTitleText = 'I feel like'; +export const wordStickerText = 'Today’s mood is'; + +export const esls = [ + { + labelId: '085C1B1FE1D7', + productId: 'JC000001', + productName: 'test_product_1', + }, + { + labelId: '085C1B25E1DE', + productId: 'JC000002', + productName: 'test_product_2', + }, + { + labelId: '085C1B45E1D8', + productId: 'JC000003', + productName: 'test_product_3', + }, + { + labelId: '085C1B47E1DA', + productId: 'JC000004', + productName: 'test_product_4', + }, + { + labelId: '085C1B46E1DB', + productId: 'JC000005', + productName: 'test_product_5', + }, +]; + +export const labelsImagePushPath = + 'https://stage00.common.solumesl.com/common/api/v2/common/labels/image?company=JC01&store=1111'; + +export const token = + 'eyJhbGciOiJSUzI1NiIsImtpZCI6Ilg1ZVhrNHh5b2pORnVtMWtsMll0djhkbE5QNC1jNTdkTzZRR1RWQndhTmsiLCJ0eXAiOiJKV1QifQ.eyJpZHAiOiJMb2NhbEFjY291bnQiLCJvaWQiOiI3ZjViOTAxNy04ZDU0LTQ4OTYtYTZhNi03ZDQxMGM1MmJiMzAiLCJzdWIiOiI3ZjViOTAxNy04ZDU0LTQ4OTYtYTZhNi03ZDQxMGM1MmJiMzAiLCJuYW1lIjoiMTNwZnQxMyIsIm5ld1VzZXIiOmZhbHNlLCJleHRlbnNpb25fQWRtaW5BcHByb3ZlZCI6dHJ1ZSwiZXh0ZW5zaW9uX0N1c3RvbWVyQ29kZSI6IkpDMDEiLCJleHRlbnNpb25fQ3VzdG9tZXJMZXZlbCI6IjEiLCJlbWFpbHMiOlsiMTNwZnQxM0BnbWFpbC5jb20iXSwidGZwIjoiQjJDXzFfUk9QQ19BdXRoIiwiYXpwIjoiZTA4ZTU0ZmYtNWJiMS00YWU3LWFmZGUtYjljZGM4ZmEyM2FlIiwidmVyIjoiMS4wIiwiaWF0IjoxNjkyNDI0NTg5LCJhdWQiOiJlMDhlNTRmZi01YmIxLTRhZTctYWZkZS1iOWNkYzhmYTIzYWUiLCJleHAiOjE2OTI1MTA5ODksImlzcyI6Imh0dHBzOi8vc29sdW1iMmMuYjJjbG9naW4uY29tL2IwYzhlM2Q5LTA4ZmEtNDg3YS1hZmYxLTg1YmFlMTFmYzZjNS92Mi4wLyIsIm5iZiI6MTY5MjQyNDU4OX0.Zd_GeM7C8p03XKMH8gpo3QjeADeY6CW7t3ZLUA3V9NeF6sgHuf_nZGuT46L_9eca1JcbmrIZK1KbCyfVScSaRXhgQ71r627bC05NcJcxNHnsUGSBtihngLvegSNiyC_i7uARyIyEumYasMIUAyuHzVg5PrAyokgb_nY6WfkL2_6yyK5yHf1uNmEZkY-Kq_C4qhn_uplc3KWhXyLwKC_9dDT6ZF0_kBPowok87tAThH4VZNniWcxcTABHEMD9aNeIsCr9axUwU_J9yuMgF9OtKkTWZkWrvLcc8sEKYbGfyvxhtQ2AzyOHKg8re32S5YEVgvTcXVyFng5gIo-_WUm6Zg'; + +export const dummyEsl = esls[1]; + +export const width = 250; +export const height = 122; diff --git a/src/features/setting/hooks/useSetting.ts b/src/features/setting/hooks/useSetting.ts index a90b551..ea7a780 100644 --- a/src/features/setting/hooks/useSetting.ts +++ b/src/features/setting/hooks/useSetting.ts @@ -1,23 +1,85 @@ import { useForm, SubmitHandler } from 'react-hook-form'; import { useNavigate } from 'react-router-dom'; +import axios from 'axios'; +import { useMutation } from '@tanstack/react-query'; import { Inputs } from '../types'; import { URL } from '../../shared/constants/url'; +import goodMood from '/png/badge_good.png'; +import badMood from '/png/badge_bad.png'; + +import { dummyEsl, labelsImagePushPath, token } from '../constants'; + const useSetting = () => { const { register, handleSubmit, control } = useForm({ defaultValues: { - mude: '', + mood: '', comment: '', }, }); const navigate = useNavigate(); - const onSubmit: SubmitHandler = (data) => console.log(data); + const onSubmit: SubmitHandler = async (data) => { + const imgEl = document.createElement('img'); + imgEl.src = data.mood === 'mood_GOOD' ? goodMood : badMood; //TODO 이래도 될까 + + fetch(imgEl.src) + .then((res) => { + console.log('res', res); + return res.blob(); + }) + .then((blob) => { + console.log('blob', blob); + const reader = new FileReader(); + reader.readAsDataURL(blob); + reader.onloadend = async () => { + if (typeof reader.result === 'string') { + mutation.mutate({ img: reader.result }); + } + }; + }); + }; const handlePreviewClick = () => { navigate(URL.preview); }; + const mutation = useMutation({ + mutationFn: async ({ img }: { img: string }) => { + console.log('mutate img', img); + axios.defaults.headers.common['Authorization'] = `Bearer ${token}`; + const res = await axios.post( + labelsImagePushPath, + { + labelCode: dummyEsl.labelId, + page: 1, + frontPage: 1, + image: img.split(',')[1], + articleList: [ + { + articleId: dummyEsl.productId, + articleName: dummyEsl.productName, + nfcUrl: 'http://www.solumesl.com', + data: { + ARTICLE_ID: dummyEsl.productId, + ARTICLE_NAME: dummyEsl.productName, + NFC_URL: 'http://www.solum.com/p/JC000001', + SALE_PRICE: '$100', + DISCOUNT_PRICE: '$90', + }, + }, + ], + }, + { + headers: { + 'Content-Type': `application/json; charset=utf-8 `, + }, + }, + ); + console.log(res); + }, + }); + return { register, handleSubmit, diff --git a/src/features/setting/types.ts b/src/features/setting/types.ts index 94daf16..696ecf6 100644 --- a/src/features/setting/types.ts +++ b/src/features/setting/types.ts @@ -1,4 +1,4 @@ export type Inputs = { - mude: string; + mood: string; comment: string; };