release1.2.1

버그 수정

Author: eunbeann

index.html

@@ -7,13 +7,20 @@
   <link rel="apple-touch-icon" href="/tutice.png" />
   <link rel="shortcut icon" href="/tutice.png" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
-  <meta name=" apple-mobile-web-app-capable" content="yes" />
+  <meta name="apple-mobile-web-app-capable" content="yes" />
   <meta name="mobile-web-app-capable" content="yes" />
+  <meta name="theme-color" content="#ffffff" />
+  <meta name="description" content="과외 관리의 새로운 표준 Tutice를 경험해보세요" />
   <meta property="og:title" content="Tutice: 쉬운 수업 관리로 열리는 정확한 나의 결실" />
   <meta property="og:description" content="과외 관리의 새로운 표준 Tutice를 경험해보세요" />
   <meta property="og:image" content="/og_img.png" />
+  <meta property="og:url" content="https://www.tutice.com" />
+  <meta name="twitter:card" content="summary_large_image" />
+  <meta name="twitter:title" content="Tutice: 쉬운 수업 관리로 열리는 정확한 나의 결실" />
+  <meta name="twitter:description" content="과외 관리의 새로운 표준 Tutice를 경험해보세요" />
+  <meta name="twitter:image" content="/og_img.png" />
 
-  <link rel="/manifest" href="js13kpwa.webmanifest" />
+  <!-- <link rel="/manifest" href="js13kpwa.webmanifest" /> -->
   <link rel="manifest" href="manifest.json" />
   <link rel="stylesheet" as="style" crossorigin
     href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/static/pretendard.css" />
@@ -88,6 +95,20 @@
         }
       }
     });
+
+// 서비스 워커 등록
+  if ('serviceWorker' in navigator) {
+    window.addEventListener('load', function () {
+      navigator.serviceWorker
+        .register("firebase-messaging-sw.js")
+        .then(function (registration) {
+          console.log("Service Worker 등록 성공:", registration);
+        })
+        .catch(function (error) {
+          console.log("Service Worker 등록 실패:", error);
+        });
+    });
+  }
   </script>
 
   <title>Tutice</title>

manifest.json

@@ -13,13 +13,13 @@
     {
       "src": "/tutice.png",
       "type": "image/x-icon",
-      "sizes": "512x512",
-      "purpose": "any maskable"
+      "sizes": "512x512"
     },
     {
       "src": "/tutice.png",
       "type": "image/png",
-      "sizes": "512x512"
+      "sizes": "512x512",
+      "purpose": "maskable"
     },
     {
       "src": "/tutice.png",

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/RegisterLessonPage/Header.tsx

@@ -1,12 +1,10 @@
 import { studentNameState, subjectNameState } from "../../atom/common/datePicker";
 
-import ProgressBar from "../common/ProgressBar";
-import React from "react";
-import { RegisterLessonHeaderIc } from "../../assets";
-import styled from "styled-components";
 import { useNavigate } from "react-router-dom";
 import { useRecoilState } from "recoil";
+import styled from "styled-components";
 import CustomBackButton from "../common/CustomBackButton";
+import ProgressBar from "../common/ProgressBar";
 
 export default function Header() {
   const navigate = useNavigate();
@@ -23,7 +21,7 @@ export default function Header() {
   return (
     <HeaderWrapper>
       <CustomBackButton onClick={handleMoveToBack} />
-      <ProgressBar progress={16.6} />
+      <ProgressBar progress={0} />
       <InputHeader>
         학생의 이름과 <br /> 과목을 입력해주세요. <Emphasis> * </Emphasis>
       </InputHeader>

src/components/RegularLesson/Header.tsx

@@ -24,7 +24,7 @@ export default function Header() {
   return (
     <HeaderWrapper>
       <CustomBackButton onClick={handleMoveToBack} />
-      <ProgressBar progress={66.4} />
+      <ProgressBar progress={75} />
       <InputHeader>정기적인 수업 일정을 알려주세요!</InputHeader>
       <InputNotice>첫 수업일을 기준으로 수업 일정을 캘린더에 표시해 드릴게요</InputNotice>
     </HeaderWrapper>

src/components/common/ProgressBar.tsx

@@ -8,7 +8,7 @@ export default function ProgressBar({ progress }: ProgressBarProps) {
 
     return (
         <ProgressBarWrapper>
-            <Progress width = {progress}/>
+            <Progress width = {`${progress}%`}/>
         </ProgressBarWrapper>
     )
 }
@@ -18,7 +18,7 @@ const ProgressBarWrapper = styled.div`
     background-color: ${({ theme }) => theme.colors.grey20};
 `
 
-const Progress = styled.div<{width: number}>`
+const Progress = styled.div<{width: string}>`
     width: ${(props) => props.width};
     height: 100%;
     

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/components/regularLessonCycle/Header.tsx

@@ -1,10 +1,9 @@
 import { useNavigate } from "react-router-dom";
 import { useRecoilState } from "recoil";
 import styled from "styled-components";
-import { RegisterLessonHeaderIc } from "../../assets";
 import { cycleNumberState } from "../../atom/timePicker/timePicker";
-import ProgressBar from "../common/ProgressBar";
 import CustomBackButton from "../common/CustomBackButton";
+import ProgressBar from "../common/ProgressBar";
 
 export default function Header() {
   const navigate = useNavigate();
@@ -18,7 +17,7 @@ export default function Header() {
   return (
     <HeaderWrapper>
       <CustomBackButton onClick={handleMoveToBack} />
-      <ProgressBar progress={33.2} />
+      <ProgressBar progress={25} />
       <InputHeader>
         총 몇 회차로 이루어진 <br /> 수업인가요?
       </InputHeader>

src/components/regularLessonDate/Header.tsx

@@ -3,9 +3,8 @@ import { dateState, firstLessonDay } from "../../atom/timePicker/timePicker";
 import { useNavigate } from "react-router-dom";
 import { useRecoilState } from "recoil";
 import styled from "styled-components";
-import { RegisterLessonHeaderIc } from "../../assets";
-import ProgressBar from "../common/ProgressBar";
 import CustomBackButton from "../common/CustomBackButton";
+import ProgressBar from "../common/ProgressBar";
 
 export default function Header() {
   const navigate = useNavigate();
@@ -22,7 +21,7 @@ export default function Header() {
   return (
     <HeaderWrapper>
       <CustomBackButton onClick={handleMoveToBack} />
-      <ProgressBar progress={49.8} />
+      <ProgressBar progress={50} />
       <InputHeader> 몇월 몇일의 수업부터 관리할까요? </InputHeader>
       <InputNotice>
         첫 수업일을 기준으로 수업 일정을 <br /> 캘린더에 표시해 드릴게요{" "}