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 () => {
)}
-
-
-
)
}