preapre to pull from Shana

Author: khuongdn16

app/src/Dashboard/Form.jsx renamed to app/src/Dashboard/Form.tsx

@@ -3,7 +3,7 @@ import { Link } from 'react-router-dom';
 
 import { gql, useQuery } from '@apollo/client';
 
-import Project from './Project.jsx';
+import Project from './Project.tsx';
 // Implement Apollo Client useQuery hook to retrieve data from the server through graphQL. This includes 2 steps:
 // 1) Impliment Apollo Provider in the top component in ./src/index.js, this allows children components access to the queried data
 // 2) useQuery hook will update the data stored in Apollo Client's cache and automatically trigger child components rendering

app/src/Dashboard/FormsContainer.jsx renamed to app/src/Dashboard/FormsContainer.tsx

@@ -0,0 +1,20 @@
+import { gql } from '@apollo/client';
+
+export const {
+  ADD_LIKE: gql`mutation AddLike($projId: ID!, $likes: Int!) {
+    addLike(projId: $projId, likes: $likes) 
+    {
+      id
+      likes
+    }
+  }`,
+  
+  MAKE_COPY: gql`
+  mutation MakeCopy ($userId: ID!, $projId: ID!, $username: String!) {
+    makeCopy(userId: $userId, projId: $projId, username: $username) 
+    {
+      id
+    }
+  }`;
+
+}

app/src/Dashboard/Project.jsx renamed to app/src/Dashboard/Project.tsx

@@ -168,7 +168,7 @@ export default function NavBar(props) {
           </Typography>
 
           {/* ==================================Dashboard Button================================================== */}
-          <Link to='/dashboard' style ={ {textDecoration: 'none'} }>
+          {state.isLoggedIn ? <Link to='/dashboard' style ={ {textDecoration: 'none'} }>
             <Button
               variant="contained"
               color="primary"
@@ -178,7 +178,7 @@ export default function NavBar(props) {
             >
               Dashboard
             </Button>
-          </Link>
+          </Link> : <span></span>}
           {/* ==================================Dashboard Button================================================== */}
 
           <Button 

app/src/Dashboard/ProjectContainer.jsx renamed to app/src/Dashboard/ProjectContainer.tsx

@@ -20,8 +20,8 @@ import {
 /*
 *  Dashboard
 */
-// import TestDashboard from './Dashboard/FormsContainer.jsx';
-import ProjectDashboard from './Dashboard/ProjectContainer.jsx';
+// import TestDashboard from './Dashboard/FormsContainer.ts';
+import ProjectDashboard from './Dashboard/ProjectContainer.tsx';
 
 import styles from './Dashboard/styles.css';
 import { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';