From 76bdb6b1d61db7e03ada042f69b8678cce41270b Mon Sep 17 00:00:00 2001
From: Chris Walsh <christianywalsh@gmail.com>
Date: Sat, 23 Jul 2022 23:07:53 -0700
Subject: [PATCH] Add reset order button to website settings

---
 components/settings/WebsiteSettings.js         | 18 +++++++++++++++---
 components/settings/WebsiteSettings.module.css |  6 ++++++
 lang/en-US.json                                |  1 +
 3 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/components/settings/WebsiteSettings.js b/components/settings/WebsiteSettings.js
index 4c39cf0c..46f953d3 100644
--- a/components/settings/WebsiteSettings.js
+++ b/components/settings/WebsiteSettings.js
@@ -182,6 +182,13 @@ export default function WebsiteSettings() {
     });
   }
 
+  function resetWebsiteOrder() {
+    setDashboard({
+      ...store,
+      websiteOrdering: {},
+    });
+  }
+
   if (!data) {
     return null;
   }
@@ -207,9 +214,14 @@ export default function WebsiteSettings() {
         <div>
           <FormattedMessage id="label.websites" defaultMessage="Websites" />
         </div>
-        <Button icon={<Plus />} size="small" onClick={() => setAddWebsite(true)}>
-          <FormattedMessage id="label.add-website" defaultMessage="Add website" />
-        </Button>
+        <div className={styles.headerButtons}>
+          <Button size="small" onClick={() => resetWebsiteOrder()}>
+            <FormattedMessage id="label.reset-order" defaultMessage="Reset order" />
+          </Button>
+          <Button icon={<Plus />} size="small" onClick={() => setAddWebsite(true)}>
+            <FormattedMessage id="label.add-website" defaultMessage="Add website" />
+          </Button>
+        </div>
       </PageHeader>
       <Table
         columns={user.is_admin ? adminColumns : columns}
diff --git a/components/settings/WebsiteSettings.module.css b/components/settings/WebsiteSettings.module.css
index a69d4101..dbb04eb8 100644
--- a/components/settings/WebsiteSettings.module.css
+++ b/components/settings/WebsiteSettings.module.css
@@ -11,3 +11,9 @@
 .detailLink {
   width: 100%;
 }
+
+.headerButtons {
+  display: flex;
+  justify-content: flex-end;
+  gap: 10px;
+}
diff --git a/lang/en-US.json b/lang/en-US.json
index 7819d5fb..69a68980 100644
--- a/lang/en-US.json
+++ b/lang/en-US.json
@@ -47,6 +47,7 @@
   "label.refresh": "Refresh",
   "label.required": "Required",
   "label.reset": "Reset",
+  "label.reset-order": "Reset order",
   "label.reset-website": "Reset statistics",
   "label.save": "Save",
   "label.settings": "Settings",