add: added channel delete button

front/src/pages/ChannelsPage.tsx

@@ -9,12 +9,22 @@ import "../styles/ChannelsPage.css"
 export default function ChannelsPage({socket}: {socket: WebSocket}) {
     const [channels, setChannels] = useState<Channels>();
     const [search, setSearch] = useState<string>("");
+    const [token, setToken] = useState<string>("");
     const [user, setUser] = useState<User>();
 
+    function deleteChannel(name: string) {
+        axios
+            .post(`/api/channels/${name}/delete`, { token })
+            .catch((err) => {
+                console.error(err.response);
+            });
+    }
+
     useEffect(() => {
         const token = localStorage.getItem("token")
 
         if (token) {
+            setToken(token)
             axios
                 .post("/api/auth/me", {
                     token: token
@@ -36,7 +46,7 @@ export default function ChannelsPage({socket}: {socket: WebSocket}) {
     useEffect(() => {
         socket.addEventListener('message', function (event) {
             const data = JSON.parse(event.data);
-            if (data.type === "new_channel") {
+            if (data.type === "new_channel" || data.type === "delete_channel") {
                 axios
                     .get("/api/channels")
                     .then((res) => {
@@ -77,6 +87,11 @@ export default function ChannelsPage({socket}: {socket: WebSocket}) {
                     {channels?.sort().filter((channel) => channel.name.toLowerCase().includes(search.toLowerCase())).map((channel) => (
                         <li key={channel.id}>
                             <Link to={`/c/${channel.name}`}>{channel.name}</Link>
+                            {user?.admin == 1 && (
+                                <button onClick={() => deleteChannel(channel.name)}> 
+                                    Delete
+                                </button>
+                            )}
                         </li>
                     ))}
                 </ul>