From 96640bf76124daf38442466cbf9b605b2d8911af Mon Sep 17 00:00:00 2001
From: sawka <mike.sawka@gmail.com>
Date: Wed, 5 Apr 2023 00:51:26 -0700
Subject: [PATCH] add open in browser link

---
 src/sh2.less                 | 6 +++---
 src/webshare-client-view.tsx | 7 +++++++
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/sh2.less b/src/sh2.less
index 07bce58a..951f41c5 100644
--- a/src/sh2.less
+++ b/src/sh2.less
@@ -741,13 +741,13 @@ body::-webkit-scrollbar {
         }
 
         .actions {
-            display: none;
+            display: flex;
             flex-direction: row;
             gap: 10px;
         }
 
-        &:hover .actions {
-            display: flex;
+        &:hover {
+            background-color: #222;
         }
     }
 }
diff --git a/src/webshare-client-view.tsx b/src/webshare-client-view.tsx
index 652faf04..ddadedb9 100644
--- a/src/webshare-client-view.tsx
+++ b/src/webshare-client-view.tsx
@@ -9,6 +9,7 @@ import {If, For, When, Otherwise, Choose} from "tsx-control-statements/component
 import cn from "classnames";
 import {GlobalModel, GlobalCommandRunner, Screen} from "./model";
 import {WebStopShareConfirmMarkdown} from "./settings";
+import * as util from "./util";
 
 type OV<V> = mobx.IObservableValue<V>;
 type OArr<V> = mobx.IObservableArray<V>;
@@ -111,6 +112,12 @@ class WebShareView extends React.Component<{}, {}> {
                                     </span>
                                 </div>
                                 <div className="actions">
+                                    <a href={util.makeExternLink(screen.getWebShareUrl())} target="_blank" className="button is-prompt-green is-outlined is-small a-block">
+                                        <span>open in browser</span>
+                                        <span className="icon">
+                                            <i className="fa-sharp fa-solid fa-up-right-from-square"/>
+                                        </span>
+                                    </a>
                                     <div className="button is-prompt-green is-outlined is-small" onClick={() => this.copyShareLink(screen)}>
                                         <span>copy link</span>
                                         <span className="icon">