From 2fe3e4c1172caeed0d4320776d6a85dc8fc40ea9 Mon Sep 17 00:00:00 2001
From: saxjax <saxjax@saxjax.dk>
Date: Tue, 25 Apr 2023 20:08:43 +0200
Subject: [PATCH 1/4] created tab for sharing and tab for creating links

---
 src/components/menu/Share.js     |  8 +++++++-
 src/components/menu/ShareLink.js | 11 +++++++++--
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/components/menu/Share.js b/src/components/menu/Share.js
index e8324ec4..fd559c6d 100644
--- a/src/components/menu/Share.js
+++ b/src/components/menu/Share.js
@@ -30,7 +30,13 @@ const Share = (props) => {
           <Tabs defaultActiveKey="share" id="controlled-tab-example">
             <Tab eventKey="share" title="Share">
               <div>
-                <ShareLink sessionID={props.sessionID} saveSessionToDB={props.saveSessionToDB} />
+                <ShareLink sessionID={props.sessionID} saveSessionToDB={undefined} />
+              </div>
+            </Tab>
+
+            <Tab eventKey="links" title="create links">
+              <div>
+                <ShareLink sessionID={undefined} saveSessionToDB={props.saveSessionToDB} />
               </div>
             </Tab>
           </Tabs>
diff --git a/src/components/menu/ShareLink.js b/src/components/menu/ShareLink.js
index 7b6adaca..2276b8cd 100644
--- a/src/components/menu/ShareLink.js
+++ b/src/components/menu/ShareLink.js
@@ -28,11 +28,11 @@ const ShareLink = (props) => {
           }}>
           copy
         </button>
-        <button onClick={props.saveSessionToDB}>save new setup</button>
+        {/* <button onClick={props.saveSessionToDB}>save new setup</button> */}
         <span className={`message ${hasCopied ? "show" : ""}`}>The link has been copied</span>
       </div>
     );
-  } else {
+  } else if (props.saveSessionToDB) {
     return (
       <div className="share-link">
         <h2>Share</h2>
@@ -42,6 +42,13 @@ const ShareLink = (props) => {
       </div>
     );
     // return <div>Could not generate url</div>;
+  } else {
+    return (
+      <div className="share-link">
+        <h2>Share</h2>
+        <p>Create a Share link on the create links tab</p>
+      </div>
+    );
   }
 };
 

From 2d0ce5e944f74ddfa4d10d9025a3413db02e78c1 Mon Sep 17 00:00:00 2001
From: saxjax <saxjax@saxjax.dk>
Date: Tue, 25 Apr 2023 20:19:50 +0200
Subject: [PATCH 2/4] created tab for sharing and tab for creating links

---
 src/components/menu/ShareLink.js | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/src/components/menu/ShareLink.js b/src/components/menu/ShareLink.js
index 2276b8cd..c3112a7a 100644
--- a/src/components/menu/ShareLink.js
+++ b/src/components/menu/ShareLink.js
@@ -2,8 +2,6 @@ import React, { useState } from "react";
 
 const ShareLink = (props) => {
   const [hasCopied, setHasCopied] = useState(false);
-  // console.log("ShareLink");
-  // console.log(props.sessionID);
 
   if (props.sessionID) {
     const url = "/shared/" + props.sessionID;
@@ -12,7 +10,6 @@ const ShareLink = (props) => {
     const copyToClipBoard = () => {
       navigator.clipboard.writeText(fullUrl);
     };
-    // console.log("hasCopied", hasCopied);
 
     return (
       <div className="share-link">
@@ -28,7 +25,6 @@ const ShareLink = (props) => {
           }}>
           copy
         </button>
-        {/* <button onClick={props.saveSessionToDB}>save new setup</button> */}
         <span className={`message ${hasCopied ? "show" : ""}`}>The link has been copied</span>
       </div>
     );
@@ -41,7 +37,6 @@ const ShareLink = (props) => {
         <span className={`message ${hasCopied ? "show" : ""}`}>The link has been copied</span>
       </div>
     );
-    // return <div>Could not generate url</div>;
   } else {
     return (
       <div className="share-link">

From 631a2f2dd55c453b41c98fa3ebc8c4961c595cd7 Mon Sep 17 00:00:00 2001
From: saxjax <saxjax@saxjax.dk>
Date: Tue, 25 Apr 2023 20:30:05 +0200
Subject: [PATCH 3/4] new wording

---
 src/components/menu/ShareLink.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/menu/ShareLink.js b/src/components/menu/ShareLink.js
index c3112a7a..b49bde32 100644
--- a/src/components/menu/ShareLink.js
+++ b/src/components/menu/ShareLink.js
@@ -14,7 +14,7 @@ const ShareLink = (props) => {
     return (
       <div className="share-link">
         <h2>Share</h2>
-        <p>Share your current setup:</p>
+        <p>Share your stored setup:</p>
         <a href={url} title="" target="_blank" rel="noopener noreferrer">
           {fullUrl}
         </a>
@@ -35,6 +35,7 @@ const ShareLink = (props) => {
         <p>Share your current setup:</p>
         <button onClick={props.saveSessionToDB}>create share link</button>
         <span className={`message ${hasCopied ? "show" : ""}`}>The link has been copied</span>
+        <span>will store online and create a new link for sharing</span>
       </div>
     );
   } else {

From 4ad18f51540dc5645c1b5a608c906a05e73ed15e Mon Sep 17 00:00:00 2001
From: saxjax <saxjax@saxjax.dk>
Date: Tue, 25 Apr 2023 20:42:53 +0200
Subject: [PATCH 4/4] create links is primary tab when no link has been created

---
 src/components/menu/Share.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/menu/Share.js b/src/components/menu/Share.js
index fd559c6d..54852061 100644
--- a/src/components/menu/Share.js
+++ b/src/components/menu/Share.js
@@ -27,7 +27,7 @@ const Share = (props) => {
       <Overlay key={props.sessionID} close={props.onClickCloseHandler}>
         <div className="tabs-wrapper">
           {/* <Tabs defaultActiveKey="share" activeTab={activeTab} id="controlled-tab-example"> */}
-          <Tabs defaultActiveKey="share" id="controlled-tab-example">
+          <Tabs defaultActiveKey={props.sessionID ? "share" : "links"} id="controlled-tab-example">
             <Tab eventKey="share" title="Share">
               <div>
                 <ShareLink sessionID={props.sessionID} saveSessionToDB={undefined} />