From 1ab410f55d5e86de3648281bc71d79864f8c5aad Mon Sep 17 00:00:00 2001
From: Roman Cervantes <romancm@gmail.com>
Date: Thu, 11 Jul 2019 12:50:37 -0700
Subject: [PATCH] Only show platform settings if a platform is selected

---
 src/components/Settings/GameBoardSettings.vue | 82 ++++++++++---------
 1 file changed, 42 insertions(+), 40 deletions(-)

diff --git a/src/components/Settings/GameBoardSettings.vue b/src/components/Settings/GameBoardSettings.vue
index 2b8dc669..118d5e73 100644
--- a/src/components/Settings/GameBoardSettings.vue
+++ b/src/components/Settings/GameBoardSettings.vue
@@ -10,49 +10,51 @@
             />
         </div>
 
-        <div class="settings">
-            <h3>{{ $t('gameBoard.settings.wallpaper') }}</h3>
-            <wallpaper-upload />
-        </div>
-
-        <section>
-            <h3>{{ $t('gameBoard.settings.shareLink') }}</h3>
-            <div class="links">
-                <a class="link tiny primary" :href="tweetUrl" target="_blank">
-                    <i class="fab fa-twitter" />
-                </a>
-
-                <a class="link tiny primary reddit" :href="redditUrl" target="_blank">
-                    <i class="fab fa-reddit" />
-                </a>
-
-                <a class="link tiny info" :href="shareUrl" target="_blank">
-                    <i class="fas fa-link" />
-                </a>
+        <template v-if="platform">
+            <div class="settings">
+                <h3>{{ $t('gameBoard.settings.wallpaper') }}</h3>
+                <wallpaper-upload />
             </div>
-        </section>
 
-        <section>
-            <h3>{{ $t('gameBoard.settings.dangerZone') }}</h3>
-            <!-- TODO: move to it's own component -->
-            <!-- TODO: translate -->
-            <modal
-                :action-text="`Delete forever`"
-                :message="`Your ${platform.name} collection will be deleted forever.`"
-                :title="`Delete ${platform.name} collection`"
-                padded
-                show-close
-                @action="deletePlatform"
-            >
-                <button
-                    class="small accent hollow"
-                    :title="$t('list.delete')"
+            <section>
+                <h3>{{ $t('gameBoard.settings.shareLink') }}</h3>
+                <div class="links">
+                    <a class="link tiny primary" :href="tweetUrl" target="_blank">
+                        <i class="fab fa-twitter" />
+                    </a>
+
+                    <a class="link tiny primary reddit" :href="redditUrl" target="_blank">
+                        <i class="fab fa-reddit" />
+                    </a>
+
+                    <a class="link tiny info" :href="shareUrl" target="_blank">
+                        <i class="fas fa-link" />
+                    </a>
+                </div>
+            </section>
+
+            <section>
+                <h3>{{ $t('gameBoard.settings.dangerZone') }}</h3>
+                <!-- TODO: move to it's own component -->
+                <!-- TODO: translate -->
+                <modal
+                    :action-text="`Delete forever`"
+                    :message="`Your ${platform.name} collection will be deleted forever.`"
+                    :title="`Delete ${platform.name} collection`"
+                    padded
+                    show-close
+                    @action="deletePlatform"
                 >
-                    <i class="far fa-trash-alt" />
-                    Delete {{ platform.name }} collection
-                </button>
-            </modal>
-        </section>
+                    <button
+                        class="small accent hollow"
+                        :title="$t('list.delete')"
+                    >
+                        <i class="far fa-trash-alt" />
+                        Delete {{ platform.name }} collection
+                    </button>
+                </modal>
+            </section>
+        </template>
     </section>
 </template>