diff --git a/frontend/src/components/ErrorScreen.tsx b/frontend/src/components/ErrorScreen.tsx index 03ae2e0..651a81b 100644 --- a/frontend/src/components/ErrorScreen.tsx +++ b/frontend/src/components/ErrorScreen.tsx @@ -42,7 +42,7 @@ export default ({ status }: Props) => { {title} | {SITE_TITLE} -
{ }, [location.search]) return ( -
+
type Props = { posts: Post[] } @@ -19,6 +20,7 @@ type Props = { posts: Post[] } export default ({ posts }: Props) => { const navigate = useNavigate () + const [tagsVsbl, setTagsVsbl] = useState (false) const [tags, setTags] = useState ({ }) const location = useLocation () @@ -57,34 +59,44 @@ export default ({ posts }: Props) => { return ( - タグ -
    - {CATEGORIES.flatMap (cat => cat in tags ? ( - tags[cat].map (tag => ( -
  • - -
  • ))) : [])} -
- 関聯 - {posts.length > 0 && ( - { - ev.preventDefault () - void ((async () => { - try - { - const { data } = await axios.get (`${ API_BASE_URL }/posts/random`, - { params: { tags: tagsQuery.split (' ').filter (e => e !== '').join (','), - match: (anyFlg ? 'any' : 'all') } }) - navigate (`/posts/${ (data as Post).id }`) - } - catch - { - ; - } - }) ()) - }}> - ランダム - )} + + { + ev.preventDefault () + setTagsVsbl (!(tagsVsbl)) + }}> + {tagsVsbl ? '▲▲▲ タグ一覧を閉じる ▲▲▲' : '▼▼▼ タグ一覧を表示 ▼▼▼'} +
) } diff --git a/frontend/src/pages/posts/PostListPage.tsx b/frontend/src/pages/posts/PostListPage.tsx index 6d40409..34dcd81 100644 --- a/frontend/src/pages/posts/PostListPage.tsx +++ b/frontend/src/pages/posts/PostListPage.tsx @@ -85,9 +85,9 @@ export default () => { : `${ SITE_TITLE } 〜 ぼざろクリーチャーシリーズ綜合リンク集サイト`} -
- -
+ + + @@ -120,8 +120,5 @@ export default () => { )} -
- -
) }