STATUS_UNREAD -> TATUS_UNOPENED

apps/app/src/components/Sidebar/InAppNotification/InAppNotification.tsx

@@ -12,7 +12,7 @@ const InAppNotificationContent = dynamic(() => import('./InAppNotificationSubsta
 export const InAppNotification = (): JSX.Element => {
   const { t } = useTranslation();
 
-  const [isUnreadNotificationsVisible, setUnreadNotificationsVisible] = useState(false);
+  const [isUnopendNotificationsVisible, setUnopendNotificationsVisible] = useState(false);
 
   return (
     <div className="px-3">
@@ -23,11 +23,11 @@ export const InAppNotification = (): JSX.Element => {
       </div>
 
       <InAppNotificationForms
-        onChangeUnreadNotificationsVisible={() => { setUnreadNotificationsVisible(!isUnreadNotificationsVisible) }}
+        onChangeUnopendNotificationsVisible={() => { setUnopendNotificationsVisible(!isUnopendNotificationsVisible) }}
       />
 
       <Suspense fallback={<ItemsTreeContentSkeleton />}>
-        <InAppNotificationContent isUnreadNotificationsVisible={isUnreadNotificationsVisible} />
+        <InAppNotificationContent isUnopendNotificationsVisible={isUnopendNotificationsVisible} />
       </Suspense>
     </div>
   );

apps/app/src/components/Sidebar/InAppNotification/InAppNotificationSubstance.tsx

@@ -8,10 +8,10 @@ import { useSWRxInAppNotifications } from '~/stores/in-app-notification';
 
 
 type InAppNotificationFormsProps = {
-  onChangeUnreadNotificationsVisible: () => void
+  onChangeUnopendNotificationsVisible: () => void
 }
 export const InAppNotificationForms = (props: InAppNotificationFormsProps): JSX.Element => {
-  const { onChangeUnreadNotificationsVisible } = props;
+  const { onChangeUnopendNotificationsVisible } = props;
 
   return (
     <div className="my-2">
@@ -22,7 +22,7 @@ export const InAppNotificationForms = (props: InAppNotificationFormsProps): JSX.
           className="form-check-input"
           type="checkbox"
           role="switch"
-          onChange={onChangeUnreadNotificationsVisible}
+          onChange={onChangeUnopendNotificationsVisible}
         />
       </div>
     </div>
@@ -31,17 +31,17 @@ export const InAppNotificationForms = (props: InAppNotificationFormsProps): JSX.
 
 
 type InAppNotificationContentProps = {
-  isUnreadNotificationsVisible: boolean
+  isUnopendNotificationsVisible: boolean
 }
 export const InAppNotificationContent = (props: InAppNotificationContentProps): JSX.Element => {
-  const { isUnreadNotificationsVisible } = props;
+  const { isUnopendNotificationsVisible } = props;
   const { t } = useTranslation('commons');
 
   // TODO: Infinite scroll implemented (https://redmine.weseek.co.jp/issues/138057)
   const { data: inAppNotificationData } = useSWRxInAppNotifications(
     6,
     undefined,
-    isUnreadNotificationsVisible ? InAppNotificationStatuses.STATUS_UNREAD : undefined,
+    isUnopendNotificationsVisible ? InAppNotificationStatuses.STATUS_UNOPENED : undefined,
     { revalidateOnFocus: true },
   );