From d2387c541967ea88da1022a6b2de594849a54cd7 Mon Sep 17 00:00:00 2001
From: Natsumi <cmcooper123@hotmail.com>
Date: Tue, 13 Jan 2026 12:08:20 +1300
Subject: [PATCH] Fix clearing bio translate

---
 .../dialogs/GroupDialog/GroupDialog.vue       |   4 +-
 .../PreviousInstancesGroupDialog.vue          |   4 +-
 .../PreviousInstancesWorldDialog.vue          |   4 +-
 .../PreviousInstancesUserDialog.vue           |   4 +-
 .../dialogs/UserDialog/UserDialog.vue         |   6 +
 src/views/Notifications/columns.jsx           | 144 +++++++++---------
 6 files changed, 86 insertions(+), 80 deletions(-)

diff --git a/src/components/dialogs/GroupDialog/GroupDialog.vue b/src/components/dialogs/GroupDialog/GroupDialog.vue
index b0673829..89f6cc0e 100644
--- a/src/components/dialogs/GroupDialog/GroupDialog.vue
+++ b/src/components/dialogs/GroupDialog/GroupDialog.vue
@@ -923,7 +923,7 @@
                                     <span
                                         class="name"
                                         :style="{ color: user.user?.$userColour }"
-                                        v-text="user.user.displayName" />
+                                        v-text="user.user?.displayName" />
                                     <span class="extra">
                                         <template v-if="hasGroupPermission(groupDialog.ref, 'group-members-manage')">
                                             <TooltipWrapper
@@ -984,7 +984,7 @@
                                     <span
                                         class="name"
                                         :style="{ color: user.user?.$userColour }"
-                                        v-text="user.user.displayName" />
+                                        v-text="user.user?.displayName" />
                                     <span class="extra">
                                         <template v-if="hasGroupPermission(groupDialog.ref, 'group-members-manage')">
                                             <TooltipWrapper
diff --git a/src/components/dialogs/PreviousInstancesDialog/PreviousInstancesGroupDialog.vue b/src/components/dialogs/PreviousInstancesDialog/PreviousInstancesGroupDialog.vue
index 33463f1e..dfe700a8 100644
--- a/src/components/dialogs/PreviousInstancesDialog/PreviousInstancesGroupDialog.vue
+++ b/src/components/dialogs/PreviousInstancesDialog/PreviousInstancesGroupDialog.vue
@@ -35,7 +35,7 @@
                 </template>
             </el-table-column>
 
-            <el-table-column :label="t('table.previous_instances.action')" width="90" align="right">
+            <el-table-column :label="t('table.previous_instances.action')" width="120" align="right">
                 <template #default="scope">
                     <Button
                         size="icon-sm"
@@ -70,8 +70,8 @@
 <script setup>
     import { computed, nextTick, reactive, ref, watch } from 'vue';
     import { Button } from '@/components/ui/button';
-    import { InputGroupField } from '@/components/ui/input-group';
     import { ElMessageBox } from 'element-plus';
+    import { InputGroupField } from '@/components/ui/input-group';
     import { useI18n } from 'vue-i18n';
 
     import {
diff --git a/src/components/dialogs/PreviousInstancesDialog/PreviousInstancesWorldDialog.vue b/src/components/dialogs/PreviousInstancesDialog/PreviousInstancesWorldDialog.vue
index 7347843c..18631fc2 100644
--- a/src/components/dialogs/PreviousInstancesDialog/PreviousInstancesWorldDialog.vue
+++ b/src/components/dialogs/PreviousInstancesDialog/PreviousInstancesWorldDialog.vue
@@ -39,7 +39,7 @@
                     <span v-text="scope.row.timer"></span>
                 </template>
             </el-table-column>
-            <el-table-column :label="t('table.previous_instances.action')" width="90" align="right">
+            <el-table-column :label="t('table.previous_instances.action')" width="120" align="right">
                 <template #default="scope">
                     <Button
                         size="icon-sm"
@@ -74,8 +74,8 @@
 <script setup>
     import { computed, nextTick, reactive, ref, watch } from 'vue';
     import { Button } from '@/components/ui/button';
-    import { InputGroupField } from '@/components/ui/input-group';
     import { ElMessageBox } from 'element-plus';
+    import { InputGroupField } from '@/components/ui/input-group';
     import { storeToRefs } from 'pinia';
     import { useI18n } from 'vue-i18n';
 
diff --git a/src/components/dialogs/UserDialog/PreviousInstancesUserDialog.vue b/src/components/dialogs/UserDialog/PreviousInstancesUserDialog.vue
index cba444f2..fb3b060e 100644
--- a/src/components/dialogs/UserDialog/PreviousInstancesUserDialog.vue
+++ b/src/components/dialogs/UserDialog/PreviousInstancesUserDialog.vue
@@ -36,7 +36,7 @@
                     <span v-text="scope.row.timer"></span>
                 </template>
             </el-table-column>
-            <el-table-column :label="t('table.previous_instances.action')" width="90" align="right">
+            <el-table-column :label="t('table.previous_instances.action')" width="120" align="right">
                 <template #default="scope">
                     <Button
                         size="icon-sm"
@@ -78,8 +78,8 @@
 <script setup>
     import { computed, nextTick, reactive, ref, watch } from 'vue';
     import { Button } from '@/components/ui/button';
-    import { InputGroupField } from '@/components/ui/input-group';
     import { ElMessageBox } from 'element-plus';
+    import { InputGroupField } from '@/components/ui/input-group';
     import { storeToRefs } from 'pinia';
     import { useI18n } from 'vue-i18n';
 
diff --git a/src/components/dialogs/UserDialog/UserDialog.vue b/src/components/dialogs/UserDialog/UserDialog.vue
index 04ede4cb..b31692d0 100644
--- a/src/components/dialogs/UserDialog/UserDialog.vue
+++ b/src/components/dialogs/UserDialog/UserDialog.vue
@@ -1443,6 +1443,12 @@
                     userDialogIndex.value = getNextDialogIndex();
                 });
                 !userDialog.value.loading && loadLastActiveTab();
+                if (userDialog.value.id !== bioCache.value.userId) {
+                    bioCache.value = {
+                        userId: null,
+                        translated: null
+                    };
+                }
             }
         }
     );
diff --git a/src/views/Notifications/columns.jsx b/src/views/Notifications/columns.jsx
index cc932a8c..19077894 100644
--- a/src/views/Notifications/columns.jsx
+++ b/src/views/Notifications/columns.jsx
@@ -525,7 +525,7 @@ export const createColumns = ({
                                             <TooltipTrigger asChild>
                                                 <button
                                                     type="button"
-                                                    class="inline-flex h-6 items-center justify-center text-muted-foreground hover:text-foreground"
+                                                    class="inline-flex h-6 ml-1 items-center justify-center text-muted-foreground hover:text-foreground"
                                                     onClick={() =>
                                                         acceptFriendRequestNotification(
                                                             original
@@ -548,7 +548,7 @@ export const createColumns = ({
                                             <TooltipTrigger asChild>
                                                 <button
                                                     type="button"
-                                                    class="inline-flex h-6 items-center justify-center text-muted-foreground hover:text-foreground"
+                                                    class="inline-flex h-6 ml-1 items-center justify-center text-muted-foreground hover:text-foreground"
                                                     onClick={() =>
                                                         showSendInviteResponseDialog(
                                                             original
@@ -575,7 +575,7 @@ export const createColumns = ({
                                                     <TooltipTrigger asChild>
                                                         <button
                                                             type="button"
-                                                            class="inline-flex h-6 items-center justify-center text-muted-foreground hover:text-foreground"
+                                                            class="inline-flex h-6 ml-1 items-center justify-center text-muted-foreground hover:text-foreground"
                                                             onClick={() =>
                                                                 acceptRequestInvite(
                                                                     original
@@ -596,7 +596,7 @@ export const createColumns = ({
                                                 <TooltipTrigger asChild>
                                                     <button
                                                         type="button"
-                                                        class="inline-flex h-6 items-center justify-center text-muted-foreground hover:text-foreground"
+                                                        class="inline-flex h-6 ml-1 items-center justify-center text-muted-foreground hover:text-foreground"
                                                         onClick={() =>
                                                             showSendInviteRequestResponseDialog(
                                                                 original
@@ -655,7 +655,7 @@ export const createColumns = ({
                                                       <TooltipTrigger asChild>
                                                           <button
                                                               type="button"
-                                                              class="inline-flex h-6 items-center justify-center text-muted-foreground hover:text-foreground"
+                                                              class="inline-flex h-6 ml-1 items-center justify-center text-muted-foreground hover:text-foreground"
                                                               onClick={onClick}
                                                           >
                                                               <i
@@ -682,7 +682,7 @@ export const createColumns = ({
                                             <TooltipTrigger asChild>
                                                 <button
                                                     type="button"
-                                                    class="inline-flex h-6 items-center justify-center text-muted-foreground hover:text-foreground"
+                                                    class="inline-flex h-6 ml-1 items-center justify-center text-muted-foreground hover:text-foreground"
                                                     onClick={() =>
                                                         shiftHeld.value
                                                             ? hideNotification(
@@ -708,74 +708,74 @@ export const createColumns = ({
                                         </Tooltip>
                                     </TooltipProvider>
                                 ) : null}
+
+                                {original.type === 'group.queueReady' ? (
+                                    <TooltipProvider>
+                                        <Tooltip>
+                                            <TooltipTrigger asChild>
+                                                <button
+                                                    type="button"
+                                                    class="inline-flex h-6 ml-1 items-center justify-center text-muted-foreground hover:text-foreground"
+                                                    onClick={() =>
+                                                        shiftHeld.value
+                                                            ? deleteNotificationLog(
+                                                                  original
+                                                              )
+                                                            : deleteNotificationLogPrompt(
+                                                                  original
+                                                              )
+                                                    }
+                                                >
+                                                    <i
+                                                        class={
+                                                            shiftHeld.value
+                                                                ? 'ri-close-line text-red-600'
+                                                                : 'ri-delete-bin-line'
+                                                        }
+                                                    />
+                                                </button>
+                                            </TooltipTrigger>
+                                            <TooltipContent side="top">
+                                                <span>Delete log</span>
+                                            </TooltipContent>
+                                        </Tooltip>
+                                    </TooltipProvider>
+                                ) : null}
+
+                                {showDeleteLog ? (
+                                    <TooltipProvider>
+                                        <Tooltip>
+                                            <TooltipTrigger asChild>
+                                                <button
+                                                    type="button"
+                                                    class="inline-flex h-6 ml-1 items-center justify-center text-muted-foreground hover:text-foreground"
+                                                    onClick={() =>
+                                                        shiftHeld.value
+                                                            ? deleteNotificationLog(
+                                                                  original
+                                                              )
+                                                            : deleteNotificationLogPrompt(
+                                                                  original
+                                                              )
+                                                    }
+                                                >
+                                                    <i
+                                                        class={
+                                                            shiftHeld.value
+                                                                ? 'ri-close-line text-red-600'
+                                                                : 'ri-delete-bin-line'
+                                                        }
+                                                    />
+                                                </button>
+                                            </TooltipTrigger>
+                                            <TooltipContent side="top">
+                                                <span>Delete log</span>
+                                            </TooltipContent>
+                                        </Tooltip>
+                                    </TooltipProvider>
+                                ) : null}
                             </span>
                         ) : null}
-
-                        {original.type === 'group.queueReady' ? (
-                            <TooltipProvider>
-                                <Tooltip>
-                                    <TooltipTrigger asChild>
-                                        <button
-                                            type="button"
-                                            class="inline-flex h-6 items-center justify-center text-muted-foreground hover:text-foreground"
-                                            onClick={() =>
-                                                shiftHeld.value
-                                                    ? deleteNotificationLog(
-                                                          original
-                                                      )
-                                                    : deleteNotificationLogPrompt(
-                                                          original
-                                                      )
-                                            }
-                                        >
-                                            <i
-                                                class={
-                                                    shiftHeld.value
-                                                        ? 'ri-close-line text-red-600'
-                                                        : 'ri-delete-bin-line'
-                                                }
-                                            />
-                                        </button>
-                                    </TooltipTrigger>
-                                    <TooltipContent side="top">
-                                        <span>Delete log</span>
-                                    </TooltipContent>
-                                </Tooltip>
-                            </TooltipProvider>
-                        ) : null}
-
-                        {showDeleteLog ? (
-                            <TooltipProvider>
-                                <Tooltip>
-                                    <TooltipTrigger asChild>
-                                        <button
-                                            type="button"
-                                            class="inline-flex h-6 items-center justify-center text-muted-foreground hover:text-foreground"
-                                            onClick={() =>
-                                                shiftHeld.value
-                                                    ? deleteNotificationLog(
-                                                          original
-                                                      )
-                                                    : deleteNotificationLogPrompt(
-                                                          original
-                                                      )
-                                            }
-                                        >
-                                            <i
-                                                class={
-                                                    shiftHeld.value
-                                                        ? 'ri-close-line text-red-600'
-                                                        : 'ri-delete-bin-line'
-                                                }
-                                            />
-                                        </button>
-                                    </TooltipTrigger>
-                                    <TooltipContent side="top">
-                                        <span>Delete log</span>
-                                    </TooltipContent>
-                                </Tooltip>
-                            </TooltipProvider>
-                        ) : null}
                     </div>
                 );
             }