Fixed public notes api

src/Components/Api/Api.tsx

@@ -28,15 +28,9 @@ export function GetNotes() {
 
 export function GetPublicNotes() {
   const token = JSON.parse(localStorage.getItem("token") || "{}");
-  return instance
+  return instance.get("/api/v1/public_notes/").then((response) => {
-    .get("/api/v1/public_notes/", {
+    return response.data;
-      headers: {
+  });
-        Authorization: "Token " + token,
-      },
-    })
-    .then((response) => {
-      return response.data;
-    });
 }
 
 export function GetNote(id: number) {

src/Components/PublicNotes/PublicNotes.tsx

@@ -5,7 +5,7 @@ import { Button } from "@mui/material";
 import { useQuery } from "react-query";
 import { GetPublicNotes } from "../Api/Api";
 import { NoteProps } from "../../Interfaces/Interfaces";
-import PublicNote from "../PublicNote/Note";
+import PublicNote from "../PublicNote/PublicNote";
 
 export default function PublicNotes() {
   const navigate = useNavigate();

src/Components/ViewToggle/ViewToggle.tsx

@@ -3,7 +3,7 @@ import { useState } from "react";
 import styles from "../../styles";
 import { Switch } from "@mui/material";
 import Notes from "../Notes/Notes";
-import PublicNotes from "../PublicNotes/Notes";
+import PublicNotes from "../PublicNotes/PublicNotes";
 
 export default function ViewToggle() {
   const [switchLabel, setLabel] = useState("Viewing public notes");