From e22f164097fd57c08f4fb0f86895b98877c05989 Mon Sep 17 00:00:00 2001
From: ajdj100 <ajairplane@gmail.com>
Date: Mon, 8 Dec 2025 22:32:07 -0500
Subject: [PATCH] Handled retired behaviour on join page

---
 ui/src/pages/Join.vue | 37 ++++++++++++++++++++++++++++++++++++-
 1 file changed, 36 insertions(+), 1 deletion(-)

diff --git a/ui/src/pages/Join.vue b/ui/src/pages/Join.vue
index 484f65f..e93a9c7 100644
--- a/ui/src/pages/Join.vue
+++ b/ui/src/pages/Join.vue
@@ -68,6 +68,9 @@ const currentStep = computed<number>(() => {
         case "denied":
             return 5;
             break;
+        case "retired":
+            return 5;
+            break;
     }
 })
 
@@ -255,7 +258,39 @@ async function restartApp() {
                                         Team</span>
                                 </p>
                             </div>
-                            <Button class="w-min" @click="restartApp">Restart Application</Button>
+                            <Button class="w-min" @click="restartApp">New Application</Button>
+                        </div>
+                    </div>
+                    <div v-else-if="userStore.state === 'retired'">
+                        <div class="w-full max-w-2xl flex flex-col gap-8">
+                            <h1 class="text-3xl sm:text-4xl font-bold text-left">
+                                You have retired from the 17th Ranger Battalion
+                            </h1>
+                            <div class="space-y-4 text-muted-foreground text-left leading-relaxed">
+                                <p>
+                                    Thank you for your service and participation in the <strong>17th Ranger
+                                        Battalion</strong>.
+                                    Your time with us has been sincerely appreciated.
+                                </p>
+                                <p>
+                                    Should you ever wish to return, you are welcome to <strong>reach out to our
+                                        leadership
+                                        team</strong>
+                                    for guidance on the reinstatement process or to stay connected with the community.
+                                </p>
+                                <p>
+                                    We recognize that circumstances change, and you will always have a place to
+                                    reconnect with
+                                    us
+                                    should the opportunity arise in the future.
+                                </p>
+                                <p>
+                                    All the best,<br />
+                                    <span class="text-foreground font-medium">The 17th Ranger Battalion Leadership
+                                        Team</span>
+                                </p>
+                            </div>
+                            <Button class="w-min" @click="restartApp">New Application</Button>
                         </div>
                     </div>
                 </div>