made topics user-specific rather than general

Author: Precipicee

client/src/components/task_form.tsx

@@ -43,10 +43,28 @@ export function TaskForm({ userId, onTaskCreated }: TaskFormProps) {
   const [availableTopics, setAvailableTopics] = useState<Topic[]>([]);
 
   useEffect(() => {
-    fetch("http://localhost:8000/api/planner/topic/")
-      .then((res) => res.json())
-      .then((data) => setAvailableTopics(data))
-      .catch((err) => console.error("Failed to load topics:", err));
+    async function fetchTopics() {
+      try {
+        const token = localStorage.getItem("access");
+        if (!token) return;
+
+        const res = await fetch("http://localhost:8000/api/planner/topic/", {
+          headers: {
+            Authorization: `Bearer ${token}`,
+          },
+        });
+
+        if (!res.ok) {
+          throw new Error("Failed to load topics");
+        }
+
+        const data = await res.json();
+        setAvailableTopics(data);
+      } catch (err) {
+        console.error("Failed to load topics", err);
+      }
+    }
+    fetchTopics();
   }, []);
 
   const handleSubmit = async (e: React.FormEvent) => {
@@ -67,7 +85,7 @@ export function TaskForm({ userId, onTaskCreated }: TaskFormProps) {
         .filter((t) => t.type === "new")
         .map((t) => ({ name: t.name, color_hex: t.color_hex }));
 
-      const validTimes = times.filter(t => t.start_time && t.end_time);
+      const validTimes = times.filter((t) => t.start_time && t.end_time);
 
       const response = await fetch("http://localhost:8000/api/planner/tasks/", {
         method: "POST",

client/src/pages/tasks.tsx

@@ -85,10 +85,29 @@ export default function TasksPage() {
   }, [router]);
 
   useEffect(() => {
-    fetch("http://localhost:8000/api/planner/topic/")
-      .then((res) => res.json())
-      .then((data) => setAvailableTopics(data))
-      .catch((err) => console.error("Failed to load topics", err));
+    async function fetchTopics() {
+      try {
+        const token = localStorage.getItem("access");
+        if (!token) return;
+
+        const res = await fetch("http://localhost:8000/api/planner/topic/", {
+          headers: {
+            Authorization: `Bearer ${token}`,
+          },
+        });
+
+        if (!res.ok) {
+          throw new Error("Failed to load topics");
+        }
+
+        const data = await res.json();
+        setAvailableTopics(data);
+      } catch (err) {
+        console.error("Failed to load topics", err);
+      }
+    }
+
+    fetchTopics();
   }, []);
 
   if (loading) {

server/task_planner/views.py

@@ -55,8 +55,11 @@ def get(self, request):
         })
 
 class TopicList(APIView):
+    authentication_classes = [JWTAuthentication]
+    permission_classes = [IsAuthenticated]
+
     def get(self, request):
-        topics = Topic.objects.all()
+        topics = Topic.objects.filter(user=request.user)
         serializer = TopicReadSerializer(topics, many=True)
         return Response(serializer.data)