arch: move web folder into api & move api to top level

2020-07-04 18:08:37 -05:00
parent eaffaa70df
commit e5d5e6da01
354 changed files with 20 additions and 1557 deletions
--- a/frontend/src/Profile/index.tsx
+++ b/frontend/src/Profile/index.tsx
@ -0,0 +1,71 @@
+import React, { useRef, useEffect } from 'react';
+import styled from 'styled-components/macro';
+import GlobalTopNavbar from 'App/TopNavbar';
+import { Link } from 'react-router-dom';
+import { getAccessToken } from 'shared/utils/accessToken';
+import Navbar from 'App/Navbar';
+import Settings from 'shared/components/Settings';
+import UserIDContext from 'App/context';
+import { useMeQuery, useClearProfileAvatarMutation } from 'shared/generated/graphql';
+import axios from 'axios';
+
+const MainContent = styled.div`
+  padding: 0 0 50px 80px;
+  height: 100%;
+  background: #262c49;
+`;
+
+const Projects = () => {
+  const $fileUpload = useRef<HTMLInputElement>(null);
+  const [clearProfileAvatar] = useClearProfileAvatarMutation();
+  const { loading, data, refetch } = useMeQuery();
+  useEffect(() => {
+    document.title = 'Profile | Citadel';
+  }, []);
+  return (
+    <>
+      <input
+        type="file"
+        name="file"
+        style={{ display: 'none' }}
+        ref={$fileUpload}
+        onChange={e => {
+          if (e.target.files) {
+            console.log(e.target.files[0]);
+            const fileData = new FormData();
+            fileData.append('file', e.target.files[0]);
+            const accessToken = getAccessToken();
+            axios
+              .post('http://localhost:3333/users/me/avatar', fileData, {
+                headers: {
+                  Authorization: `Bearer ${accessToken}`,
+                },
+              })
+              .then(res => {
+                if ($fileUpload && $fileUpload.current) {
+                  $fileUpload.current.value = '';
+                  refetch();
+                }
+              });
+          }
+        }}
+      />
+      <GlobalTopNavbar projectID={null} onSaveProjectName={() => {}} name={null} />
+      {!loading && data && (
+        <Settings
+          profile={data.me}
+          onProfileAvatarChange={() => {
+            if ($fileUpload && $fileUpload.current) {
+              $fileUpload.current.click();
+            }
+          }}
+          onProfileAvatarRemove={() => {
+            clearProfileAvatar();
+          }}
+        />
+      )}
+    </>
+  );
+};
+
+export default Projects;