From 9e09ffe3bbb18b7b703486f5c9d5a01da9ccc05b Mon Sep 17 00:00:00 2001
From: Matthew Stratford <hi@mstratford.net>
Date: Fri, 3 Sep 2021 21:46:58 +0100
Subject: [PATCH] Fix ordering of loadshow dialog

---
 src/navbar/loadshow.tsx | 51 +++++++++++++++++++----------------------
 1 file changed, 24 insertions(+), 27 deletions(-)

diff --git a/src/navbar/loadshow.tsx b/src/navbar/loadshow.tsx
index 7a8f17f..6fa6c64 100644
--- a/src/navbar/loadshow.tsx
+++ b/src/navbar/loadshow.tsx
@@ -37,34 +37,31 @@ export function LoadShowDialogue({ close }: { close: () => any }) {
   }, [state]);
   return (
     <>
+      <div
+        className="btn btn-outline-danger outline float-right"
+        onClick={() => {
+          sendBAPSicleChannel({
+            command: "CLEAR",
+          });
+          close();
+        }}
+      >
+        <FaTrashAlt size={15} /> Clear All Channels
+      </div>
+      <div
+        className="btn btn-outline-dark outline float-right mr-1"
+        onClick={() => {
+          sendBAPSicleChannel({
+            command: "RESETPLAYED",
+            weight: -1,
+          });
+        }}
+      >
+        <FaCircleNotch size={15} /> Mark All Unplayed
+      </div>
+
+      <h2>Load Show</h2>
       <ResultsPlaceholder state={state} />
-      {state !== "searching" && (
-        <>
-          <div
-            className="btn btn-outline-danger outline float-right"
-            onClick={() => {
-              sendBAPSicleChannel({
-                command: "CLEAR",
-              });
-              close();
-            }}
-          >
-            <FaTrashAlt size={15} /> Clear All Channels
-          </div>
-          <div
-            className="btn btn-outline-dark outline float-right mr-1"
-            onClick={() => {
-              sendBAPSicleChannel({
-                command: "RESETPLAYED",
-                weight: -1,
-              });
-            }}
-          >
-            <FaCircleNotch size={15} /> Mark All Unplayed
-          </div>
-          <h2>Load Show</h2>
-        </>
-      )}
 
       <div className="loadshow-list">
         {items.map((item, index) => (