From d4bc72e90b766b070d317e3235956e20bfbc511a Mon Sep 17 00:00:00 2001
From: Mike Cao <moocao@gmail.com>
Date: Sat, 7 Jun 2025 00:20:57 -0700
Subject: [PATCH] Removed useReport hook. Journey styles.

---
 .../websites/[websiteId]/journeys/Journey.module.css     | 9 +++++----
 src/app/(main)/websites/[websiteId]/journeys/Journey.tsx | 4 +++-
 src/components/hooks/index.ts                            | 1 -
 src/components/hooks/useReport.ts                        | 6 ------
 4 files changed, 8 insertions(+), 12 deletions(-)
 delete mode 100644 src/components/hooks/useReport.ts

diff --git a/src/app/(main)/websites/[websiteId]/journeys/Journey.module.css b/src/app/(main)/websites/[websiteId]/journeys/Journey.module.css
index 96b2f50f..3164829f 100644
--- a/src/app/(main)/websites/[websiteId]/journeys/Journey.module.css
+++ b/src/app/(main)/websites/[websiteId]/journeys/Journey.module.css
@@ -28,11 +28,12 @@
 
 .stats {
   display: flex;
+  flex-direction: column;
   align-items: center;
-  justify-content: center;
-  gap: 20px;
+  justify-content: flex-start;
+  gap: 10px;
   width: 100%;
-  height: 40px;
+  height: 60px;
 }
 
 .visitors {
@@ -44,7 +45,7 @@
 .dropoff {
   font-weight: 600;
   color: var(--font-color-muted);
-  background: var(--base-color-3);
+  background: var(--base-color-2);
   padding: 4px 8px;
   border-radius: 5px;
 }
diff --git a/src/app/(main)/websites/[websiteId]/journeys/Journey.tsx b/src/app/(main)/websites/[websiteId]/journeys/Journey.tsx
index bbb84eaa..0b7f2bbb 100644
--- a/src/app/(main)/websites/[websiteId]/journeys/Journey.tsx
+++ b/src/app/(main)/websites/[websiteId]/journeys/Journey.tsx
@@ -185,7 +185,9 @@ export function Journey({
                     <div className={styles.visitors} title={column.visitorCount}>
                       {formatLongNumber(column.visitorCount)} {formatMessage(labels.visitors)}
                     </div>
-                    {columnIndex > 0 && <div className={styles.dropoff}>{dropOffPercent}</div>}
+                    <div>
+                      {columnIndex > 0 && <div className={styles.dropoff}>{dropOffPercent}</div>}
+                    </div>
                   </div>
                 </div>
                 <div className={styles.nodes}>
diff --git a/src/components/hooks/index.ts b/src/components/hooks/index.ts
index a516d7b2..72d20ccd 100644
--- a/src/components/hooks/index.ts
+++ b/src/components/hooks/index.ts
@@ -49,7 +49,6 @@ export * from './useMessages';
 export * from './useModified';
 export * from './usePagedQuery';
 export * from './useRegionNames';
-export * from './useReport';
 export * from './useSticky';
 export * from './useNavigation';
 export * from './useTimezone';
diff --git a/src/components/hooks/useReport.ts b/src/components/hooks/useReport.ts
deleted file mode 100644
index 6e2276ac..00000000
--- a/src/components/hooks/useReport.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { useContext } from 'react';
-import { ReportContext } from '@/app/(main)/reports/[reportId]/Report';
-
-export function useReport() {
-  return useContext(ReportContext);
-}