Readded directories with uppercase

src/Components/Logout/Logout.tsx

@@ -0,0 +1,38 @@
+import React from "react";
+import { useSelector, useDispatch } from "react-redux";
+import { toggle } from "../../Features/Login/LoginSlice";
+import { Button } from "@mui/material";
+import styles from "../../styles";
+
+export interface state {
+  logged_in: {
+    value: boolean;
+  };
+}
+export interface props {
+  children: React.ReactNode;
+}
+
+export default function Logout(props: props) {
+  const logged_in = useSelector((state: state) => state.logged_in.value);
+  const dispatch = useDispatch();
+
+  async function login() {
+    await dispatch(toggle());
+    await console.log("test " + logged_in);
+  }
+
+  return (
+    <div style={{ paddingTop: "40vh" }}>
+      <Button
+        onClick={login}
+        value="Log out"
+        variant="contained"
+        style={styles.logout_button}
+      >
+        {props.children}
+        <p style={styles.text}>Log Out</p>
+      </Button>
+    </div>
+  );
+}