rename

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

@@ -7,7 +7,7 @@ import ItemsTreeContentSkeleton from '../../ItemsTree/ItemsTreeContentSkeleton';
 
 import { InAppNotificationForms } from './InAppNotificationSubstance';
 
-const InAppNotificationSubstance = dynamic(() => import('./InAppNotificationSubstance').then(mod => mod.InAppNotificationSubstance), { ssr: false });
+const InAppNotificationContent = dynamic(() => import('./InAppNotificationSubstance').then(mod => mod.InAppNotificationContent), { ssr: false });
 
 export const InAppNotification = (): JSX.Element => {
   const { t } = useTranslation();
@@ -23,11 +23,11 @@ export const InAppNotification = (): JSX.Element => {
       </div>
 
       <InAppNotificationForms
-        onChangeUnreadNotificationVisible={() => { setUnreadNotificationsVisible(!isUnreadNotificationsVisible) }}
+        onChangeUnreadNotificationsVisible={() => { setUnreadNotificationsVisible(!isUnreadNotificationsVisible) }}
       />
 
       <Suspense fallback={<ItemsTreeContentSkeleton />}>
-        <InAppNotificationSubstance isUnreadNotificationsVisible={isUnreadNotificationsVisible} />
+        <InAppNotificationContent isUnreadNotificationsVisible={isUnreadNotificationsVisible} />
       </Suspense>
     </div>
   );

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

@@ -6,10 +6,10 @@ import { useSWRxInAppNotifications } from '~/stores/in-app-notification';
 
 
 type InAppNotificationFormsProps = {
-  onChangeUnreadNotificationVisible: () => void
+  onChangeUnreadNotificationsVisible: () => void
 }
 export const InAppNotificationForms = (props: InAppNotificationFormsProps): JSX.Element => {
-  const { onChangeUnreadNotificationVisible } = props;
+  const { onChangeUnreadNotificationsVisible } = props;
 
   return (
     <div className="px-4 mt-2 mb-2">
@@ -20,7 +20,7 @@ export const InAppNotificationForms = (props: InAppNotificationFormsProps): JSX.
           className="form-check-input"
           type="checkbox"
           role="switch"
-          onChange={onChangeUnreadNotificationVisible}
+          onChange={onChangeUnreadNotificationsVisible}
         />
       </div>
     </div>
@@ -28,10 +28,10 @@ export const InAppNotificationForms = (props: InAppNotificationFormsProps): JSX.
 };
 
 
-type InAppNotificationSubstanceProps = {
+type InAppNotificationContentProps = {
   isUnreadNotificationsVisible: boolean
 }
-export const InAppNotificationSubstance = (props: InAppNotificationSubstanceProps): JSX.Element => {
+export const InAppNotificationContent = (props: InAppNotificationContentProps): JSX.Element => {
   const { isUnreadNotificationsVisible } = props;
 
   // TODO: Infinite scroll implemented (https://redmine.weseek.co.jp/issues/138057)