From de7c94e7d6798b0989e10db8fe5c5ceae011231b Mon Sep 17 00:00:00 2001
From: Kurt Hutten <kurt@kurthutten.com>
Date: Sat, 14 Nov 2020 18:00:14 +1100
Subject: [PATCH] issues-95 Add logic for showing fork vs save and if there are
 change

---
 .../IdeCascadeStudio/IdeCascadeStudio.js           | 14 +++++++++++---
 web/src/components/IdePartCell/IdePartCell.js      |  3 +++
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/web/src/components/IdeCascadeStudio/IdeCascadeStudio.js b/web/src/components/IdeCascadeStudio/IdeCascadeStudio.js
index 66ff9c8..b7c5cfa 100644
--- a/web/src/components/IdeCascadeStudio/IdeCascadeStudio.js
+++ b/web/src/components/IdeCascadeStudio/IdeCascadeStudio.js
@@ -1,4 +1,5 @@
 import { useMutation, useFlash } from '@redwoodjs/web'
+import { useAuth } from '@redwoodjs/auth'
 import { Link, routes, navigate } from '@redwoodjs/router'
 import { initialize } from 'src/cascade/js/MainPage/CascadeMain'
 import CascadeController from 'src/helpers/cascadeController'
@@ -16,6 +17,8 @@ const domNode = document.createElement('div').setAttribute('id', 'sickId')
 
 const IdeCascadeStudio = ({ part, saveCode, loading, error }) => {
   const [code, setCode] = useState(part.code)
+  const { currentUser } = useAuth()
+  const canEdit = currentUser?.sub === part?.user?.id
   useEffect(() => {
     const onCodeChange = (code) => setCode(code)
     CascadeController.initialise(onCodeChange, part.code, domNode)
@@ -25,7 +28,7 @@ const IdeCascadeStudio = ({ part, saveCode, loading, error }) => {
       element.setAttribute('style',  'display: none; overflow: hidden; height: calc(100vh - 8rem)') // eslint-disable-line
     }
   }, [])
-  const hasChanges = code !== part.code
+  const isChanges = code !== part.code
   const { addMessage } = useFlash()
   const [deletePart] = useMutation(DELETE_PART_MUTATION, {
     onCompleted: () => {
@@ -44,7 +47,7 @@ const IdeCascadeStudio = ({ part, saveCode, loading, error }) => {
     <>
       <nav className="rw-button-group hidden">
         {loading && 'Loading...'}
-        {hasChanges && !loading && (
+        {isChanges && !loading && (
           <button
             onClick={() => saveCode({ code }, part.id)}
             className="rw-button rw-button-blue"
@@ -54,7 +57,12 @@ const IdeCascadeStudio = ({ part, saveCode, loading, error }) => {
         )}
       </nav>
       <div>
-        <IdeToolbar />
+        <IdeToolbar
+          canEdit={canEdit}
+          isChanges={isChanges && !loading}
+          onSave={() => {}}
+          onExport={() => {}}
+        />
         <div id="topnav" className="topnav hidden">
           <a href="https://github.com/zalo/CascadeStudio">
             Cascade Studio 0.0.6
diff --git a/web/src/components/IdePartCell/IdePartCell.js b/web/src/components/IdePartCell/IdePartCell.js
index 7d2329e..c80ba51 100644
--- a/web/src/components/IdePartCell/IdePartCell.js
+++ b/web/src/components/IdePartCell/IdePartCell.js
@@ -12,6 +12,9 @@ export const QUERY = gql`
       code
       mainImage
       createdAt
+      user {
+        id
+      }
     }
   }
 `