merge to main

src/MainDashBoard/components/editModeModal/AddKrModal.tsx

@@ -165,6 +165,7 @@ const AddKrModal = ({ modalRef, objInfo, krIdx, mutateFcn }: IAddKrModalProps) =
             type="button"
             $isActiveSave={isActiveSave}
             onClick={handleClickConfirmAddBtn}
+            className="addKR_edit"
           >
             추가하기
           </StAddKrConfirmAddBtn>

src/MainDashBoard/components/sideSheet/KRPeriodSelect.tsx

@@ -56,7 +56,7 @@ const KRPeriodSelect = ({
   };
 
   return (
-    <StKRPeriodContainer>
+    <StKRPeriodContainer className="alter_duration">
       <ConfigProvider
         theme={{
           token: {

src/MainDashBoard/components/sideSheet/KrStatus.tsx

@@ -74,7 +74,12 @@ const KrStatus = ({ krStatus, keyResultId }: { krStatus: string; keyResultId: nu
       {isDrop && (
         <StStatusContainer>
           {KR_STATUS.filter(({ label }) => label !== krStatusLabel).map(({ icon, label }) => (
-            <StStateContainer key={label} type="button" onClick={() => handleKrStatus(label)}>
+            <StStateContainer
+              key={label}
+              type="button"
+              onClick={() => handleKrStatus(label)}
+              className="alter_state"
+            >
               <KrStatusItem icon={icon} label={label} />
             </StStateContainer>
           ))}

src/MainDashBoard/components/sideSheet/krCheckIn/KrCheckInInputs.tsx

@@ -178,7 +178,12 @@ export const 진척정도입력하기 = ({
       </article>
       <footer css={enterFooterStyles}>
         <StCnclBtn onClick={onCancel}>취소</StCnclBtn>
-        <StEnterBtn1 isActiveBtn={isActiveBtn} disabled={!isActiveBtn} onClick={submitCheckIn}>
+        <StEnterBtn1
+          isActiveBtn={isActiveBtn}
+          disabled={!isActiveBtn}
+          onClick={submitCheckIn}
+          className="check_record"
+        >
           체크인 완료
         </StEnterBtn1>
       </footer>
@@ -299,7 +304,12 @@ export const KR수정하기 = ({
       </article>
       <footer css={enterFooterStyles}>
         <StCnclBtn onClick={onCancel}>취소</StCnclBtn>
-        <StEnterBtn1 isActiveBtn={isActiveBtn} disabled={!isActiveBtn} onClick={submitCheckIn}>
+        <StEnterBtn1
+          isActiveBtn={isActiveBtn}
+          disabled={!isActiveBtn}
+          onClick={submitCheckIn}
+          className="check_adjust"
+        >
           체크인 완료
         </StEnterBtn1>
       </footer>

src/MainDashBoard/index.tsx

@@ -70,6 +70,8 @@ const MainDashBoard = () => {
    **/
   // step 0 - SELECT METHOD 관련 handler
   const handleClickMethodBtn = (e: React.MouseEvent<HTMLButtonElement>) => {
+    localStorage.setItem('selectedMethod', e.currentTarget.id);
+
     setSelectedMethod(e.currentTarget.id);
     navigate('/add-okr', { state: { selectedMethod: e.currentTarget.id } });
   };

src/Onboarding/components/frame/Frame1.tsx

@@ -39,7 +39,7 @@ const Frame1 = () => {
         ))}
       </StRollingTextBox>
       <StMainText>{CONTENTS[0].title}</StMainText>
-      <StCtaLink to={APPLY_CBT_TALLY_LINK} target="_blank" className="tally-link-button">
+      <StCtaLink to={APPLY_CBT_TALLY_LINK} target="_blank" className="click_service">
         베타테스트 신청
       </StCtaLink>
       <div css={imgContainer}>

src/Onboarding/components/layout/OnboardingFooter.tsx

@@ -15,7 +15,9 @@ const OnboardingFooter = () => {
         height={25}
         loading="lazy"
       />
-      <StFooterText to="./team-moonshot">TEAM moonshot</StFooterText>
+      <StFooterText to="./team-moonshot" className="click_team">
+        TEAM moonshot
+      </StFooterText>
       <StFooterUserInfoTerm
         to="https://moonshot-.notion.site/moonshot-1-0-0cdb3499765349e9aba64474fbba933e"
         target="_blank"

src/Onboarding/components/layout/OnboardingHeader.tsx

@@ -23,7 +23,7 @@ const OnboardingHeader = () => {
             </li>
           ))}
           <li>
-            <StCTALink to={APPLY_CBT_TALLY_LINK} target="_blank" className="tally-link-button">
+            <StCTALink to={APPLY_CBT_TALLY_LINK} target="_blank" className="click_service">
               베타테스트 신청
             </StCTALink>
           </li>

src/PreviewOkr/PreviewOkr.tsx

@@ -28,6 +28,13 @@ interface IPreviewOkrProps {
 
 //TODO: PreviewOkr이 AddOkr에 병합 되었으므로, 폴더 구조 변동 필요
 const PreviewOkr = ({ selectedMethod, setStep, objInfo, krListInfo }: IPreviewOkrProps) => {
+  const selectedMethodId = localStorage.getItem('selectedMethod');
+  const classNameForGA =
+    selectedMethodId === '직접 설정하기'
+      ? 'addOKR_brief'
+      : selectedMethodId === '가이드에 따라 설정하기'
+        ? 'addOKR_guide'
+        : '';
   // const location = useLocation();
   const navigate = useNavigate();
 
@@ -167,7 +174,12 @@ const PreviewOkr = ({ selectedMethod, setStep, objInfo, krListInfo }: IPreviewOk
           <StPrevBtn type="button" onClick={handleClickPrevBtn}>
             이전으로
           </StPrevBtn>
-          <StSaveBtn type="button" onClick={handleClickSaveOkrBtn} $isActiveSave={isActiveSave}>
+          <StSaveBtn
+            type="button"
+            onClick={handleClickSaveOkrBtn}
+            $isActiveSave={isActiveSave}
+            className={classNameForGA}
+          >
             저장하기
           </StSaveBtn>
         </StBtnWrapper>

src/common/components/Modal/template/ConfirmModalTemplate.tsx

@@ -17,6 +17,9 @@ const ConfirmModalTemplate = ({
   cancelState,
   confirmState,
 }: IConfirmModalTemplateProps) => {
+  const classNameForGA =
+    title === 'KR 삭제하기' ? 'delKR_edit' : title === 'Task 삭제하기' ? 'deltask_edit' : '';
+
   // cancel function
   const handleClickCancel = () => {
     cancelState.onClick && cancelState.onClick();
@@ -41,7 +44,9 @@ const ConfirmModalTemplate = ({
           {cancelState.text}
         </StCancelBtn>
 
-        <StConfirmBtn onClick={handleClickConfirm}>{confirmState.text}</StConfirmBtn>
+        <StConfirmBtn onClick={handleClickConfirm} className={classNameForGA}>
+          {confirmState.text}
+        </StConfirmBtn>
       </div>
     </StConfirmModalTemplateWrapper>
   );