Merge remote-tracking branch 'origin/main' into feature/issues-112-mo…

…bile-post-form

src/app/_components/post/PostDialog.tsx

@@ -16,6 +16,7 @@ import {
   styled,
 } from '@mui/material';
 import { useState } from 'react';
+import { useHomeTimelineImmutable } from '@/swr/client/timeline';
 
 const Flex = styled('div')`
   display: flex;
@@ -51,6 +52,7 @@ export default function PostDialog({ fullScreen, open, close }: Props) {
     useState(false);
   const [getErrorMessage, setErrorMesssage] = useState('');
   const [getSucceedMessage, setSucceedMessage] = useState('');
+  const { mutateLatest } = useHomeTimelineImmutable();
 
   // NOTE: 閉じきる前に微妙に空になるのが見えるので
   // それが嫌ならsetTimeout(unmount時にcb呼ぶ方法あるならそっち)で包む
@@ -89,6 +91,7 @@ export default function PostDialog({ fullScreen, open, close }: Props) {
             onSucceed={() => {
               setSucceedMessage('送信しました。');
               clearContent();
+              void mutateLatest();
               close();
             }}
             onError={(e) => {

src/swr/client/timeline.ts

@@ -52,3 +52,15 @@ export const useHomeTimeline = () => {
     enableQueue: true,
   });
 };
+
+/**
+ * メインとなるタイムライン
+ * 自動更新OFF
+ */
+export const useHomeTimelineImmutable = () => {
+  const { data: authId } = useAuth();
+  const swrKey = authId ? getKey('useHomeTimeline', authId) : () => null;
+  return useSWRTimeline<UserPost, Error, TimelineKey>(swrKey, fetcher, {
+    enableQueue: true,
+  });
+};