From 36495cec515b590829caa732d9d82bad80eb9b8e Mon Sep 17 00:00:00 2001
From: cohenaj194 <cohenaj194@gmail.com>
Date: Mon, 1 Jul 2024 09:08:25 -0400
Subject: [PATCH 1/3] add a commit to @coderabbitai

---
 app/routes/wow.legacy-marketshare.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/app/routes/wow.legacy-marketshare.tsx b/app/routes/wow.legacy-marketshare.tsx
index cb3b42b4..ed0193e3 100644
--- a/app/routes/wow.legacy-marketshare.tsx
+++ b/app/routes/wow.legacy-marketshare.tsx
@@ -33,6 +33,8 @@ import { getOribosLink } from '~/components/utilities/getOribosLink'
 import { getSaddlebagWoWLink } from '~/components/utilities/getSaddlebagWoWLink'
 import DebouncedInput from '~/components/Common/DebouncedInput'
 
+// @coderabbitai help us add in the "Download as .csv" button to this page
+
 const inputMap: Record<string, string> = {
   homeRealmId: 'Home Realm',
   region: 'Region',

From 69d446db2cbd29f0895729089bd00cee2f185017 Mon Sep 17 00:00:00 2001
From: cohenaj194 <cohenaj194@gmail.com>
Date: Mon, 1 Jul 2024 09:36:07 -0400
Subject: [PATCH 2/3] add csv button

---
 app/routes/wow.legacy-marketshare.tsx | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/app/routes/wow.legacy-marketshare.tsx b/app/routes/wow.legacy-marketshare.tsx
index ed0193e3..067206bf 100644
--- a/app/routes/wow.legacy-marketshare.tsx
+++ b/app/routes/wow.legacy-marketshare.tsx
@@ -32,8 +32,7 @@ import type { ColumnList } from '~/components/types'
 import { getOribosLink } from '~/components/utilities/getOribosLink'
 import { getSaddlebagWoWLink } from '~/components/utilities/getSaddlebagWoWLink'
 import DebouncedInput from '~/components/Common/DebouncedInput'
-
-// @coderabbitai help us add in the "Download as .csv" button to this page
+import CSVButton from '~/components/utilities/CSVButton'
 
 const inputMap: Record<string, string> = {
   homeRealmId: 'Home Realm',
@@ -319,6 +318,13 @@ const Results = ({
   const chartData = getChartData(data, sortBy)
 
   const columnList = getColumnList(region, server)
+
+  // Define the columns for the CSV
+  const csvColumns = columnList.map(({ columnId, header }) => ({
+    title: header,
+    value: columnId
+  }))
+
   return (
     <PageWrapper>
       <Title title={pageTitle} />
@@ -377,6 +383,12 @@ const Results = ({
         rowLabels={columnList}
         columnSelectOptions={sortByOptions.map(({ value }) => value)}
       />
+
+      <CSVButton
+        filename="legacy_marketshare.csv"
+        data={data}
+        columns={csvColumns}
+      />
     </PageWrapper>
   )
 }

From a65f7d280ba50646b1ed99b01d0af568fd7f35f6 Mon Sep 17 00:00:00 2001
From: cohenaj194 <cohenaj194@gmail.com>
Date: Mon, 1 Jul 2024 09:44:13 -0400
Subject: [PATCH 3/3] perfect @coderabbitai that worked

---
 app/routes/wow.legacy-marketshare.tsx | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/app/routes/wow.legacy-marketshare.tsx b/app/routes/wow.legacy-marketshare.tsx
index 067206bf..f6b2e09c 100644
--- a/app/routes/wow.legacy-marketshare.tsx
+++ b/app/routes/wow.legacy-marketshare.tsx
@@ -357,12 +357,17 @@ const Results = ({
         </>
       </ContentContainer>
 
-      <div className="hidden sm:flex w-full justify-end">
+      <div className="flex justify-between">
+        <CSVButton
+          filename="legacy_marketshare.csv"
+          data={data}
+          columns={csvColumns}
+        />
         <DebouncedInput
           onDebouncedChange={(value) => {
             setGlobalFilter(value)
           }}
-          className={'p-2 rounded-md'}
+          className={'hidden sm:block p-2 rounded-md'}
           placeholder={'Search...'}
         />
       </div>
@@ -383,12 +388,6 @@ const Results = ({
         rowLabels={columnList}
         columnSelectOptions={sortByOptions.map(({ value }) => value)}
       />
-
-      <CSVButton
-        filename="legacy_marketshare.csv"
-        data={data}
-        columns={csvColumns}
-      />
     </PageWrapper>
   )
 }