From af2f60166a9a24ed36c141ec7b9aa283012619ea Mon Sep 17 00:00:00 2001
From: Kalle <38327916+Sendouc@users.noreply.github.com>
Date: Wed, 4 Oct 2023 20:36:55 +0300
Subject: [PATCH] Leave group button different text + no confirm when alone

---
 app/features/sendouq/components/GroupCard.tsx | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/app/features/sendouq/components/GroupCard.tsx b/app/features/sendouq/components/GroupCard.tsx
index 27dd90e6c..4dfed4e4a 100644
--- a/app/features/sendouq/components/GroupCard.tsx
+++ b/app/features/sendouq/components/GroupCard.tsx
@@ -41,6 +41,7 @@ export function GroupCard({
   hideWeapons?: boolean;
 }) {
   const fetcher = useFetcher();
+  const leaveQFetcher = useFetcher();
 
   return (
     <section
@@ -120,7 +121,8 @@ export function GroupCard({
           </SubmitButton>
         </fetcher.Form>
       ) : null}
-      {ownGroup ? (
+
+      {ownGroup && group.members!.length > 1 ? (
         <FormWithConfirm
           dialogHeading="Leave this group?"
           fields={[["_action", "LEAVE_GROUP"]]}
@@ -132,6 +134,20 @@ export function GroupCard({
           </Button>
         </FormWithConfirm>
       ) : null}
+      {/* Leave without confirm if alone */}
+      {ownGroup && group.members!.length === 1 ? (
+        <leaveQFetcher.Form method="POST" action={SENDOUQ_LOOKING_PAGE}>
+          <SubmitButton
+            _action="LEAVE_GROUP"
+            variant="minimal-destructive"
+            size="tiny"
+            state={fetcher.state}
+            className="mx-auto"
+          >
+            Leave queue
+          </SubmitButton>
+        </leaveQFetcher.Form>
+      ) : null}
     </section>
   );
 }