1 files changed, 7 insertions, 14 deletions
diff --git a/frontend/src/pages/Settings.tsx b/frontend/src/pages/Settings.tsx
index 9b1e04c..c179fab 100644
--- a/frontend/src/pages/Settings.tsx
+++ b/frontend/src/pages/Settings.tsx
@@ -1,31 +1,24 @@
-import { useQuery } from "urql";
+import { useCallback, useState } from "react";
 import { AddFeedForm, FeedList } from "../components";
-import { GetFeedsDocument } from "../graphql/generated/graphql";
 
 export function Settings() {
-	const [, refetchFeeds] = useQuery({
-		query: GetFeedsDocument,
-	});
+	const [refreshKey, setRefreshKey] = useState(0);
 
-	const handleFeedAdded = () => {
-		refetchFeeds();
-	};
-
-	const handleFeedUnsubscribed = () => {
-		refetchFeeds();
-	};
+	const handleChange = useCallback(() => {
+		setRefreshKey((k) => k + 1);
+	}, []);
 
 	return (
 		<div className="mx-auto max-w-3xl space-y-10">
 			<section>
-				<AddFeedForm onFeedAdded={handleFeedAdded} />
+				<AddFeedForm onFeedAdded={handleChange} />
 			</section>
 
 			<section>
 				<h2 className="mb-4 text-sm font-semibold uppercase tracking-wide text-stone-900">
 					Your Feeds
 				</h2>
-				<FeedList onFeedUnsubscribed={handleFeedUnsubscribed} />
+				<FeedList key={refreshKey} onFeedUnsubscribed={handleChange} />
 			</section>
 		</div>
 	);