From 4781de54eacc0cb5cbc5c93b977b84550bed1553 Mon Sep 17 00:00:00 2001
From: Maxime Cannoodt <Maxime.Cannoodt@UGent.be>
Date: Mon, 11 Jul 2022 01:13:28 +0200
Subject: [PATCH] add open button

---
 plugin/src/ui/SharedNoteSuccessComponent.svelte | 16 ++++++++++++----
 plugin/src/ui/SharedNoteSuccessModal.ts         |  2 +-
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/plugin/src/ui/SharedNoteSuccessComponent.svelte b/plugin/src/ui/SharedNoteSuccessComponent.svelte
index 86955c8..20c80ba 100644
--- a/plugin/src/ui/SharedNoteSuccessComponent.svelte
+++ b/plugin/src/ui/SharedNoteSuccessComponent.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 	import moment, { type Moment } from "moment";
-	import { now } from "svelte/internal";
 
 	export let url: string;
 	export let expireTime: Moment;
@@ -17,6 +16,10 @@
 			buttonText = "copy";
 		}, 1500);
 	}
+
+	function onOpen() {
+		window.open(url, "_blank");
+	}
 </script>
 
 <div class="share-plugin-modal-container">
@@ -27,10 +30,15 @@
 	<div id="url">
 		<input disabled id="url-input" type="text" bind:value={url} />
 		<button
-			id="url-copy-button"
+			class="url-button"
 			aria-label="Copy link to clipboard"
 			on:click={onCopy}>{buttonText}</button
 		>
+		<button
+			class="url-button"
+			aria-label="Copy link to clipboard"
+			on:click={onOpen}>Open</button
+		>
 	</div>
 	<p id="subtext">
 		🔐 End-to-end encrypted • Expires in {expireTime.diff(
@@ -62,9 +70,9 @@
 		cursor: pointer !important;
 	}
 
-	#url-copy-button {
+	.url-button {
 		margin: 0px;
-		width: 6em;
+		width: 5em;
 	}
 
 	#subtext {
diff --git a/plugin/src/ui/SharedNoteSuccessModal.ts b/plugin/src/ui/SharedNoteSuccessModal.ts
index eda70ef..db587e6 100644
--- a/plugin/src/ui/SharedNoteSuccessModal.ts
+++ b/plugin/src/ui/SharedNoteSuccessModal.ts
@@ -1,7 +1,7 @@
 import type NoteSharingPlugin from "main";
 import { Modal } from "obsidian";
-import Component from "./SharedNoteSuccessComponent.svelte";
 import type { Moment } from "moment";
+import Component from "./SharedNoteSuccessComponent.svelte";
 
 export class SharedNoteSuccessModal extends Modal {
 	private url: string;