Merge pull request #470 from Gwasuwon-shot/feat#447=messageShare

Feat#447=message share

src/components/LessonConnect/LessonConnectNumber.tsx

@@ -1,26 +1,17 @@
 import { useState } from "react";
 import { useMutation } from "react-query";
 import { useNavigate } from "react-router-dom";
-import { useRecoilState, useRecoilValue, useSetRecoilState } from "recoil";
+import { useRecoilState, useRecoilValue } from "recoil";
 import { styled } from "styled-components";
-import { createLesson } from "../../api/createLesson";
-import { studentNameState, subjectNameState } from "../../atom/common/datePicker";
+import { updateLessonParents } from "../../api/manageLesson/updateLessonParents";
 import { parentsPhoneState } from "../../atom/registerLesson/registerLesson";
-import { cycleNumberState, dateState, dayState } from "../../atom/timePicker/timePicker";
-import {
-  accountNumber,
-  bankName,
-  lessonCodeAndPaymentId,
-  moneyAmount,
-  paymentOrder,
-} from "../../atom/tuitionPayment/tuitionPayment";
+import { lessonCodeAndPaymentId } from "../../atom/tuitionPayment/tuitionPayment";
 import { BUTTON_TEXT } from "../../core/signup/signUpTextLabels";
 import useFormattedPhoneNumber from "../../hooks/signupLogin/usePhoneNumberFormat";
 import useModal from "../../hooks/useModal";
 import { BasicDoubleModal, BottomButton, CommonBackButton, ProgressBar } from "../common";
 import InputLayout from "../signup/InputLayout";
 import SignupTitleLayout from "../signup/SignupTitleLayout";
-import { updateLessonParents } from "../../api/manageLesson/updateLessonParents";
 
 interface scheduleListProps {
   dayOfWeek: string;

src/components/lessonRecord/LessonInfoList.tsx

@@ -52,9 +52,9 @@ export default function LessonInfoList(props: LessonInfoListProp) {
       )}
 
       <LessonInfoMainCategory>은행</LessonInfoMainCategory>
-      {[accountInfo?.name, accountInfo?.bank, accountInfo?.number]?.map((info: string, idx: number) => {
+      {[accountInfo?.bank, accountInfo?.number]?.map((info: string, idx: number) => {
         return (
-          <LessonInfoItemLayout isBankAccount={idx === 2} key={idx} detailCategory={BANK_INFO[idx]} content={info} />
+          <LessonInfoItemLayout isBankAccount={idx === 1} key={idx} detailCategory={BANK_INFO[idx]} content={info} />
         );
       })}
       <LessonInfoMainCategory>수업진행</LessonInfoMainCategory>

src/components/lessonShare/ShareMain.tsx

@@ -34,7 +34,7 @@ export default function ShareMain({ handleMoveToPage }: handleMoveToPageProps) {
       icon: ShareViaMessage,
       text: "메시지",
       onClick: () => {
-        alert("준비 중인 기능입니다.");
+        handleShareViaMessage();
       },
     },
     {
@@ -67,6 +67,12 @@ export default function ShareMain({ handleMoveToPage }: handleMoveToPageProps) {
     }
   }
 
+  function handleShareViaMessage() {
+    const message = `안녕하세요, 과외 수업 관리 필수 앱 Tutice 입니다. \n\n[${userName}]선생님이 [${studentName}]학생의\nTutice 초대장을 보냈습니다.\n\nTutice 링크 \n ${URL}`;
+    const smsLink = `sms:?body=${encodeURIComponent(message)}`;
+    window.location.href = smsLink;
+  }
+
   function handleCopyLink() {
     try {
       navigator.clipboard.writeText(URL).then(() => {

src/core/Parents/lessonInfo.ts

@@ -1,2 +1,2 @@
-export const BANK_INFO = ["입금자명", "은행", "계좌번호"];
+export const BANK_INFO = ["은행", "계좌번호"];
 export const CLASS_INFO = ["시작날짜", "입금방식", "수업비"];