From 9d3706f39013b0c58860872a95b0c9266628e93c Mon Sep 17 00:00:00 2001
From: kunish <kunish.butt@gmail.com>
Date: Sat, 2 Sep 2023 13:19:54 +0800
Subject: [PATCH] feat(connections): reset the ordering of columns

---
 src/components/ConnectionsModal.tsx | 10 ++++++++++
 src/config/user                     |  0
 src/i18n/index.tsx                  |  2 ++
 3 files changed, 12 insertions(+)
 delete mode 100644 src/config/user

diff --git a/src/components/ConnectionsModal.tsx b/src/components/ConnectionsModal.tsx
index b05f231..ae96dc5 100644
--- a/src/components/ConnectionsModal.tsx
+++ b/src/components/ConnectionsModal.tsx
@@ -1,3 +1,4 @@
+import { useI18n } from '@solid-primitives/i18n'
 import type {
   DragEventHandler,
   Draggable,
@@ -24,6 +25,7 @@ export default (props: {
   onOrderChange: (value: ColumnOrder) => void
   onVisibleChange: (value: ColumnVisibility) => void
 }) => {
+  const [t] = useI18n()
   const [activeKey, setActiveKey] = createSignal<AccessorKey | null>(null)
   const onDragStart = ({ draggable }: { draggable: Draggable }) =>
     setActiveKey(draggable.id as AccessorKey)
@@ -100,7 +102,15 @@ export default (props: {
               <div class="sortable">{activeKey()}</div>
             </DragOverlay>
           </DragDropProvider>
+
+          <button
+            class="btn btn-neutral btn-sm ml-auto mt-4 block"
+            onClick={() => props.onOrderChange(Object.values(AccessorKey))}
+          >
+            {t('reset')}
+          </button>
         </div>
+
         <label class="modal-backdrop" for="connection-modal" />
       </div>
     </>
diff --git a/src/config/user b/src/config/user
deleted file mode 100644
index e69de29..0000000
diff --git a/src/i18n/index.tsx b/src/i18n/index.tsx
index acead76..26221e9 100644
--- a/src/i18n/index.tsx
+++ b/src/i18n/index.tsx
@@ -36,6 +36,7 @@ const dict = {
     source: 'Source',
     destination: 'Destination',
     close: 'Close',
+    reset: 'Reset',
   },
   'zh-Hans': {
     add: '添加',
@@ -70,6 +71,7 @@ const dict = {
     source: '源地址',
     destination: '目标地址',
     close: '关闭',
+    reset: '重置',
   },
 }