From e28408bc3a104156e748aeda493f9ac6e75a9de7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Mon, 1 Jul 2024 20:21:42 -0500
Subject: [PATCH] feat: default direction

---
 src/app/tools/tank-performance/components/Header.tsx | 2 +-
 src/app/tools/tank-performance/page.tsx              | 3 +--
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/app/tools/tank-performance/components/Header.tsx b/src/app/tools/tank-performance/components/Header.tsx
index ff5095e43..6e3c7aac3 100644
--- a/src/app/tools/tank-performance/components/Header.tsx
+++ b/src/app/tools/tank-performance/components/Header.tsx
@@ -40,7 +40,7 @@ export function Header() {
                         direction: -sort.direction as 1 | -1,
                       });
                     } else {
-                      useTankPerformanceSort.setState({ type });
+                      useTankPerformanceSort.setState({ type, direction: -1 });
                     }
                   }}
                 >
diff --git a/src/app/tools/tank-performance/page.tsx b/src/app/tools/tank-performance/page.tsx
index 4ff6f5959..5705d5ce9 100644
--- a/src/app/tools/tank-performance/page.tsx
+++ b/src/app/tools/tank-performance/page.tsx
@@ -1,10 +1,10 @@
 import { Flex, Table } from '@radix-ui/themes';
 import { Suspense } from 'react';
 import PageWrapper from '../../../components/PageWrapper';
+import { BodyLoader } from './components/BodyLoader';
 import { Header } from './components/Header';
 import { Info } from './components/Info';
 import { Tanks } from './components/Tanks';
-import { BodyLoader } from './components/BodyLoader';
 
 export default function Page() {
   return (
@@ -14,7 +14,6 @@ export default function Page() {
       <Flex justify="center">
         <Table.Root variant="surface" style={{ maxWidth: '100%' }}>
           <Header />
-
           <Suspense fallback={<BodyLoader />}>
             <Tanks />
           </Suspense>