From 7a1c3a8c6057590171116d86b1ac5940ad51d968 Mon Sep 17 00:00:00 2001
From: John Cowen <johncowen@users.noreply.github.com>
Date: Mon, 7 Mar 2022 10:54:12 +0000
Subject: [PATCH] ui: List Primary and Local DCs first in the Datacenter
 selector (#12478)

---
 .changelog/12478.txt                                           | 3 +++
 .../app/components/consul/datacenter/selector/index.hbs        | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)
 create mode 100644 .changelog/12478.txt

diff --git a/.changelog/12478.txt b/.changelog/12478.txt
new file mode 100644
index 0000000000..128b43a9c6
--- /dev/null
+++ b/.changelog/12478.txt
@@ -0,0 +1,3 @@
+```release-note:improvement
+ui: In the datacenter selector order Datacenters by Primary, Local then alpanumerically
+```
diff --git a/ui/packages/consul-ui/app/components/consul/datacenter/selector/index.hbs b/ui/packages/consul-ui/app/components/consul/datacenter/selector/index.hbs
index 3f910bbfa1..97194bf298 100644
--- a/ui/packages/consul-ui/app/components/consul/datacenter/selector/index.hbs
+++ b/ui/packages/consul-ui/app/components/consul/datacenter/selector/index.hbs
@@ -4,7 +4,7 @@
 >
   <DisclosureMenu
     aria-label="Datacenter"
-    @items={{sort-by 'Name' @dcs}}
+    @items={{sort-by 'Primary:desc' 'Local:desc' 'Name:asc' @dcs}}
   as |disclosure|>
     <disclosure.Action
       {{on 'click' disclosure.toggle}}