From fb5fcacd37ca2934390d3933e7339480ed93fd8f Mon Sep 17 00:00:00 2001
From: Pas <74743263+Pasithea0@users.noreply.github.com>
Date: Thu, 16 Jan 2025 16:46:43 -0700
Subject: [PATCH] Fix source edit button in player

---
 src/assets/locales/en.json                    |  3 ++-
 .../atoms/settings/SourceSelectingView.tsx    | 20 +++++++++++--------
 2 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/src/assets/locales/en.json b/src/assets/locales/en.json
index 7031a240..2e681cc6 100644
--- a/src/assets/locales/en.json
+++ b/src/assets/locales/en.json
@@ -407,7 +407,8 @@
           "title": "No stream :("
         },
         "title": "Sources",
-        "unknownOption": "Unknown"
+        "unknownOption": "Unknown",
+        "editOrder": "Edit order"
       },
       "subtitles": {
         "customChoice": "Drop or upload file",
diff --git a/src/components/player/atoms/settings/SourceSelectingView.tsx b/src/components/player/atoms/settings/SourceSelectingView.tsx
index 478b5cdc..cb8222ae 100644
--- a/src/components/player/atoms/settings/SourceSelectingView.tsx
+++ b/src/components/player/atoms/settings/SourceSelectingView.tsx
@@ -145,15 +145,19 @@ export function SourceSelectionView({
 
   return (
     <>
-      <Menu.BackLink onClick={() => router.navigate("/")}>
+      <Menu.BackLink
+        onClick={() => router.navigate("/")}
+        rightSide={
+          <button
+            type="button"
+            onClick={() => window.open("/settings#source-order")}
+            className="-mr-2 -my-1 px-2 p-[0.4em] rounded tabbable hover:bg-video-context-light hover:bg-opacity-10"
+          >
+            {t("player.menus.sources.editOrder")}
+          </button>
+        }
+      >
         {t("player.menus.sources.title")}
-        <Button
-          theme="purple"
-          onClick={() => window.open("/settings#source-order")}
-          className="w-half h-8 ml-[95px]"
-        >
-          {t("settings.account.accountDetails.editProfile")}
-        </Button>
       </Menu.BackLink>
       <Menu.Section className="pb-4">
         {sources.map((v) => (