homepage improvements
- show followed streams first - show stream hashtags in video tile - allow to visit hashtag page by clicking tag - allow to follow/unfollow hashtags
This commit is contained in:
24
src/pages/tag.tsx
Normal file
24
src/pages/tag.tsx
Normal file
@ -0,0 +1,24 @@
|
||||
import "./tag.css";
|
||||
import { useParams } from "react-router-dom";
|
||||
|
||||
import { VideoTile } from "element/video-tile";
|
||||
import { FollowTagButton } from "element/follow-button";
|
||||
import { useStreamsFeed } from "hooks/live-streams";
|
||||
|
||||
export function TagPage() {
|
||||
const { tag } = useParams();
|
||||
const { live } = useStreamsFeed(tag);
|
||||
return (
|
||||
<div className="tag-page">
|
||||
<div className="tag-page-header">
|
||||
<h1>#{tag}</h1>
|
||||
<FollowTagButton tag={tag} />
|
||||
</div>
|
||||
<div className="video-grid">
|
||||
{live.map((e) => (
|
||||
<VideoTile ev={e} key={e.id} />
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
Reference in New Issue
Block a user