aboutsummaryrefslogtreecommitdiffhomepage
path: root/frontend/src/components/FeedList.tsx
diff options
context:
space:
mode:
authornsfisis <nsfisis@gmail.com>2025-07-12 23:58:57 +0900
committernsfisis <nsfisis@gmail.com>2025-07-12 23:58:57 +0900
commit756b66b31fd02215fc2d8a30ae263a3bf08a90a6 (patch)
tree245cc37a1d81728260246ae5241eeb8225ec0ddc /frontend/src/components/FeedList.tsx
parentfbe4bff7e8b6a5239c490601436fb3638dc8e13b (diff)
downloadfeedaka-756b66b31fd02215fc2d8a30ae263a3bf08a90a6.tar.gz
feedaka-756b66b31fd02215fc2d8a30ae263a3bf08a90a6.tar.zst
feedaka-756b66b31fd02215fc2d8a30ae263a3bf08a90a6.zip
feat(backend,frontend): add feature to unsubscribe feed
Diffstat (limited to 'frontend/src/components/FeedList.tsx')
-rw-r--r--frontend/src/components/FeedList.tsx20
1 files changed, 10 insertions, 10 deletions
diff --git a/frontend/src/components/FeedList.tsx b/frontend/src/components/FeedList.tsx
index 7e46e78..e5b6751 100644
--- a/frontend/src/components/FeedList.tsx
+++ b/frontend/src/components/FeedList.tsx
@@ -9,17 +9,17 @@ import {
GetFeedsDocument,
MarkFeedReadDocument,
MarkFeedUnreadDocument,
- RemoveFeedDocument,
+ UnsubscribeFeedDocument,
} from "../graphql/generated/graphql";
interface Props {
- onFeedDeleted?: () => void;
+ onFeedUnsubscribed?: () => void;
selectedFeeds?: Set<string>;
onSelectFeed?: (feedId: string, selected: boolean) => void;
}
export function FeedList({
- onFeedDeleted,
+ onFeedUnsubscribed,
selectedFeeds,
onSelectFeed,
}: Props) {
@@ -29,7 +29,7 @@ export function FeedList({
const [, markFeedRead] = useMutation(MarkFeedReadDocument);
const [, markFeedUnread] = useMutation(MarkFeedUnreadDocument);
- const [, removeFeed] = useMutation(RemoveFeedDocument);
+ const [, unsubscribeFeed] = useMutation(UnsubscribeFeedDocument);
const handleMarkAllRead = async (feedId: string) => {
await markFeedRead({ id: feedId });
@@ -39,13 +39,13 @@ export function FeedList({
await markFeedUnread({ id: feedId });
};
- const handleDeleteFeed = async (feedId: string) => {
+ const handleUnsubscribeFeed = async (feedId: string) => {
const confirmed = window.confirm(
- "Are you sure you want to delete this feed?",
+ "Are you sure you want to unsubscribe from this feed?",
);
if (confirmed) {
- await removeFeed({ id: feedId });
- onFeedDeleted?.();
+ await unsubscribeFeed({ id: feedId });
+ onFeedUnsubscribed?.();
}
};
@@ -134,9 +134,9 @@ export function FeedList({
</button>
<button
type="button"
- onClick={() => handleDeleteFeed(feed.id)}
+ onClick={() => handleUnsubscribeFeed(feed.id)}
className="rounded p-2 text-red-600 hover:bg-red-50 hover:text-red-700"
- title="Delete feed"
+ title="Unsubscribe from feed"
>
<FontAwesomeIcon icon={faTrash} />
</button>