From 5f6797fdde0f9952d6b5acd75ee6cd24a754ce71 Mon Sep 17 00:00:00 2001
From: Jamal Soueidan <jamal@soueidan.com>
Date: Sat, 30 Mar 2024 23:29:39 +0100
Subject: [PATCH] Move payout history section below the grid in payouts index
 and remove AccountButton from payouts route

---
 app/routes/($locale).account.payouts._index.tsx | 10 +++++-----
 app/routes/($locale).account.payouts.tsx        |  8 +-------
 2 files changed, 6 insertions(+), 12 deletions(-)

diff --git a/app/routes/($locale).account.payouts._index.tsx b/app/routes/($locale).account.payouts._index.tsx
index 094930d9..9013aa6e 100644
--- a/app/routes/($locale).account.payouts._index.tsx
+++ b/app/routes/($locale).account.payouts._index.tsx
@@ -47,11 +47,6 @@ export default function AccountPayoutsIndex() {
 
   return (
     <Stack>
-      <div>
-        <Title order={3}>Historik</Title>
-        <Text c="dimmed">Listen af alle udbetalinger der er foretagt</Text>
-      </div>
-
       <SimpleGrid cols={{base: 1, sm: 2, md: 3}}>
         <Card withBorder>
           <Stack gap="xs">
@@ -98,6 +93,11 @@ export default function AccountPayoutsIndex() {
         </Card>
       </SimpleGrid>
 
+      <div>
+        <Title order={3}>Historik</Title>
+        <Text c="dimmed">Listen af alle udbetalinger der er foretagt</Text>
+      </div>
+
       <Table.ScrollContainer minWidth={500} type="native">
         <Table>
           <Table.Thead>
diff --git a/app/routes/($locale).account.payouts.tsx b/app/routes/($locale).account.payouts.tsx
index 0628abf5..9d976b5a 100644
--- a/app/routes/($locale).account.payouts.tsx
+++ b/app/routes/($locale).account.payouts.tsx
@@ -1,8 +1,6 @@
-import {Group} from '@mantine/core';
 import {Outlet} from '@remix-run/react';
 
 import {json, type LoaderFunctionArgs} from '@shopify/remix-oxygen';
-import {AccountButton} from '~/components/account/AccountButton';
 import {AccountContent} from '~/components/account/AccountContent';
 import {AccountTitle} from '~/components/account/AccountTitle';
 import type {
@@ -32,11 +30,7 @@ export async function loader({context}: LoaderFunctionArgs) {
 export default function AccountPayouts() {
   return (
     <>
-      <AccountTitle heading="Udbetalinger">
-        <Group>
-          <AccountButton to={'.'}>Udbetalinger</AccountButton>
-        </Group>
-      </AccountTitle>
+      <AccountTitle heading="Udbetalinger" />
 
       <AccountContent>
         <Outlet />