Alert the user if they are missing information.

src/lib/ModalController.ts

@@ -0,0 +1,21 @@
+/*
+ * ModalController.ts
+ * Copyright (c) 2023 Jack Chakany <[email protected]>
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+import { writable } from "svelte/store";
+
+export const KeyModal = writable(false)

src/routes/+layout.svelte

@@ -20,7 +20,7 @@
     import Textbox from "$lib/Textbox.svelte";
     import Button from "$lib/Button.svelte";
     import Modal from "$lib/Modal.svelte"
-    let showKeyModal = false;
+    import { KeyModal } from "$lib/ModalController";
 
     export const ssr = false;
     import "@fontsource/montserrat";
@@ -70,14 +70,14 @@
     <div class="align flex" style="margin-left: auto; gap: 20px;">
         <span class="align"></span>
         <a class="align" href="https://github.com/jacany/nosbin"><FontAwesomeIcon size="xl" icon={faGithub} /></a>
-        <div on:click={() => showKeyModal = true} class="align" style="cursor: pointer;">
+        <div on:click={() => $KeyModal = true} class="align" style="cursor: pointer;">
             <FontAwesomeIcon size="xl" icon={faUser} />
         </div>
     </div>
 </div>
 <div class="container">
-    {#if showKeyModal}
-        <Modal on:close="{() => {saveKeys(); showKeyModal = false}}">
+    {#if $KeyModal}
+        <Modal on:close="{() => {saveKeys(); $KeyModal = false}}">
             <h2 slot="header">
                 Manage Keys
             </h2>

src/routes/+page.svelte

@@ -24,6 +24,7 @@
     import { HighlightAuto, LineNumbers } from "svelte-highlight";
     import SvelteMarkdown from "svelte-markdown";
     import github from "svelte-highlight/styles/github-dark";
+    import { KeyModal } from "$lib/ModalController";
 
     let content;
     let filename;
@@ -32,7 +33,16 @@
     $: relay = $nostrInstance.relay.url
 
     async function post() {
-        if ($nostrInstance.pubkey === "" || !content || !filename) return;
+        if (!filename) {
+            alert("You must add a filename!");
+            return;
+        } else if (!content) {
+            alert("You must add content to post!");
+            return;
+        } else if ($nostrInstance.pubkey === "") {
+            $KeyModal = true;
+            return;
+        }
         const id = await $nostrInstance.postFile(filename, content)
         console.log(id)
         if (id) {
@@ -78,7 +88,6 @@
         {/if}
     </div>
 </div>
-
 <Button style="margin-top: 15px" on:click={post}>Post</Button>
 <small>Make sure you inputted or generated your keys before attempting to post! Click the profile icon in the top right to get started.</small>