From 280eccab7c3000c25b924be6c712d4246f70c268 Mon Sep 17 00:00:00 2001
From: nfoert <nofoert@gmail.com>
Date: Wed, 21 Aug 2024 09:40:21 -0400
Subject: [PATCH] Show message in wallet if you don't have any cards saved

---
 cardie/main/templates/home.html              | 7 +++++++
 cardie/static/main/scripts/home/home.js      | 4 ++++
 cardie/staticfiles/main/scripts/home/home.js | 4 ++++
 3 files changed, 15 insertions(+)

diff --git a/cardie/main/templates/home.html b/cardie/main/templates/home.html
index b9545ca..dbd5511 100644
--- a/cardie/main/templates/home.html
+++ b/cardie/main/templates/home.html
@@ -54,10 +54,17 @@
 
             <div id="home-wallet" x-show="!cards" x-transition> 
                 <p class="ui_text_subheader_left"><i class="ph-bold ph-wallet"></i> My Wallet</p>
+                <p class="ui_text_body">Your wallet is where all of the cards you saved appear. You can save cards by going to the link for a card and pressing "Save this card"</p>
+            
+                <div id="home_wallet_nocards" class="ui_status_info">
+                    <i class="ph-bold ph-info ui_status_icon"></i>
+                    <p class="ui_status_text">You don't have any cards saved yet! Once you do, they will appear here for you to find later.</p>
+                </div>
             </div>
 
             <div id="home-cards" x-show="cards" x-transition>
                 <p class="ui_text_subheader_left"><i class="ph-bold ph-cards"></i> My Cards</p>
+                <p class="ui_text_body">This is where all of the cards you've designed appear</p>
                 <button class="ui_button_small" id="home_cards_create" @click="create_new_card()"><i class="ph-bold ph-plus-circle"></i> Create new Card</button>
             </div>
         <div>
diff --git a/cardie/static/main/scripts/home/home.js b/cardie/static/main/scripts/home/home.js
index 84d113e..aaceeaf 100644
--- a/cardie/static/main/scripts/home/home.js
+++ b/cardie/static/main/scripts/home/home.js
@@ -233,6 +233,10 @@ async function get_wallet() {
         } else {
             text = JSON.parse(text);
 
+            if (!text.length == 0) {
+                document.querySelector("#home_wallet_nocards").style.display = "none";
+            }
+
             for (const card in text) {
                 create_wallet_card(text[card]["uuid"], text[card]["name"]);
             }
diff --git a/cardie/staticfiles/main/scripts/home/home.js b/cardie/staticfiles/main/scripts/home/home.js
index 84d113e..aaceeaf 100644
--- a/cardie/staticfiles/main/scripts/home/home.js
+++ b/cardie/staticfiles/main/scripts/home/home.js
@@ -233,6 +233,10 @@ async function get_wallet() {
         } else {
             text = JSON.parse(text);
 
+            if (!text.length == 0) {
+                document.querySelector("#home_wallet_nocards").style.display = "none";
+            }
+
             for (const card in text) {
                 create_wallet_card(text[card]["uuid"], text[card]["name"]);
             }