みてるぞ 2 weeks ago
parent
commit
e2f9979748
3 changed files with 14 additions and 15 deletions
  1. +8
    -8
      frontend/src/pages/posts/PostDetailPage.tsx
  2. +5
    -6
      frontend/src/pages/posts/PostListPage.tsx
  3. +1
    -1
      frontend/src/pages/posts/PostNewPage.tsx

+ 8
- 8
frontend/src/pages/posts/PostDetailPage.tsx View File

@@ -99,14 +99,14 @@ export default ({ user }: Props) => {
{post.viewed ? '閲覧済' : '未閲覧'}
</Button>
<TabGroup>
{['admin', 'member'].some (r => r === user.role) && editing &&
<Tab name="編輯">
<PostEditForm post={post}
onSave={newPost => {
setPost (newPost)
toast ({ description: '更新しました.' })
}} />
</Tab>}
{(['admin', 'member'].some (r => r === user.role) && editing) && (
<Tab name="編輯">
<PostEditForm post={post}
onSave={newPost => {
setPost (newPost)
toast ({ description: '更新しました.' })
}} />
</Tab>)}
</TabGroup>
</>)
: 'Loading...'}


+ 5
- 6
frontend/src/pages/posts/PostListPage.tsx View File

@@ -21,12 +21,12 @@ export default () => {

const loaderRef = useRef<HTMLDivElement | null> (null)

const loadMore = async () => {
const loadMore = async withCursor => {
setLoading (true)
const res = await axios.get (`${ API_BASE_URL }/posts`, {
params: { tags: tags.join (' '),
match: (anyFlg ? 'any' : 'all'),
cursor } })
...(withCursor ? { cursor } : { }) } })
const data = toCamel (res.data, { deep: true })
setPosts (posts => [...(posts || []), ...data.posts])
setCursor (data.nextCursor)
@@ -42,7 +42,7 @@ export default () => {
useEffect(() => {
const observer = new IntersectionObserver (entries => {
if (entries[0].isIntersecting && !(loading) && cursor)
loadMore ()
loadMore (true)
}, { threshold: 1 })

const target = loaderRef.current
@@ -52,10 +52,9 @@ export default () => {
}, [loaderRef, loading])

useEffect (() => {
console.log ('test')
setCursor ('')
setPosts (null)
loadMore ()
setCursor ('')
loadMore (false)

setWikiPage (null)
if (tags.length === 1)


+ 1
- 1
frontend/src/pages/posts/PostNewPage.tsx View File

@@ -145,7 +145,7 @@ export default () => {
className="w-full border rounded p-2"
value={title}
placeholder={titleLoading ? 'Loading...' : ''}
onChange={e => setTitle (e.target.value)}
onChange={ev => setTitle (ev.target.value)}
disabled={titleAutoFlg} />
</div>



Loading…
Cancel
Save