[ Feat ] my page - alarm setting 탭 구현

[ptyoiy]

#️⃣ Related Issue

Closes #126

✅ Done Task

• 알람 설정 탭 구현
• 다른 탭 코드와 잘 병합 및 구조 정리

☀️ New-insight

테이블 pr #78 에서 다룬 내용 뿐이라 없습니다.

💎 PR Point

• 테이블 메타데이터 설명 (view/user/setting/AlarmSetting/AlarmSettingTable/constant.tsx)
  • 알림 설정 Cell
    selected state를 두어 토글 버튼을 조작할 수 있게 했습니다. 로컬 스토리지나 api 적용에 따라 코드가 약간 변경될 것 같네요.
  • 그 외 Cell
    값이 바뀌면 업데이트된 배열이 들어와 업데이트 된 값을 사용할 수 있기 때문에 내부에서 p태그를 사용하여 글자 색을 변경합니다. alarm 토글 값이 true면 흰색, 아니면 회색입니다.

  ({ alarm, problemRegistration }) => (
    <p className={clsx(textStyle({ isSelected: alarm }))}>
      {problemRegistration ? "ON" : "OFF"}
    </p>
  )

📸 Screenshot

[j-nary]

LGTM 수고하셨습니다!

[j-nary]

절대경로로 통일해주실 수 있나용?

[wuzoo]

고생하셨씁니다 ~~ 🚀

[wuzoo]

깔끔하네요 ! 고생하셨습니답