fix: ListHeader removed and replaced.

ahmetskilinc · Jan 7, 2025 · 35d3b4f · 35d3b4f
1 parent d459afb
commit 35d3b4f
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 10 deletions.
diff --git a/src/views/AppointmentsCharts/index.client.tsx b/src/views/AppointmentsCharts/index.client.tsx
@@ -1,10 +1,10 @@
 "use client";
 
-import { ListHeader, useStepNav } from "@payloadcms/ui";
+import { useStepNav } from "@payloadcms/ui";
 import { useEffect } from "react";
 import { CartesianGrid, Line, LineChart, ResponsiveContainer, XAxis, YAxis } from "recharts";
-import { ChartContainer, ChartTooltip, ChartTooltipContent } from "../../components/ui/chart";
 import { Card, CardContent, CardHeader, CardTitle } from "../../components/ui/card";
+import { ChartContainer, ChartTooltip, ChartTooltipContent } from "../../components/ui/chart";
 
 // Mock data for the chart
 const appointmentData = Array.from({ length: 30 }, (_, i) => ({
@@ -24,7 +24,10 @@ const AppointmentsChartsClient: React.FC = () => {
   }, [setStepNav]);
   return (
     <div className="collection-list appointments-calendar-view">
-      <ListHeader heading="Charts" />
+      <header className="list-header">
+        <h1>Charts</h1>
+      </header>
+
       <div className="grid grid-cols-1 lg:grid-cols-2 gap-6 pb-6">
         <Card className="border-none">
           <CardHeader>

diff --git a/src/views/AppointmentsList/index.client.tsx b/src/views/AppointmentsList/index.client.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { ListHeader, useStepNav } from "@payloadcms/ui";
+import { useStepNav } from "@payloadcms/ui";
 import { useEffect } from "react";
 import Calendar from "../../components/Appointments";
 import "../../components/Appointments/styles.scss";
@@ -18,7 +18,9 @@ const AppointmentsListClient: React.FC = () => {
 
   return (
     <div className="collection-list appointments-calendar-view">
-      <ListHeader heading="Appointments" />
+      <header className="list-header">
+        <h1>Appointments</h1>
+      </header>
       {<Calendar />}
     </div>
   );

diff --git a/src/views/AppointmentsListMe/index.client.tsx b/src/views/AppointmentsListMe/index.client.tsx
@@ -1,7 +1,6 @@
 "use client";
 
-import { ListHeader, useConfig, useStepNav } from "@payloadcms/ui";
-import moment from "moment";
+import { useConfig, useStepNav } from "@payloadcms/ui";
 import React, { useEffect } from "react";
 import Calendar from "../../components/Appointments";
 import { Appointment, TeamMember } from "../../types";
@@ -34,7 +33,9 @@ const AppointmentsListMeClient: React.FC<{
 
   return (
     <div className="collection-list appointments-calendar-view">
-      <ListHeader heading="Appointments" />
+      <header className="list-header">
+        <h1>My Appointments</h1>
+      </header>
       {hosts && appointments ? <Calendar /> : null}
     </div>
   );

diff --git a/src/views/AppointmentsMarketingCampaigns/index.client.tsx b/src/views/AppointmentsMarketingCampaigns/index.client.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { ListHeader, useStepNav } from "@payloadcms/ui";
+import { useStepNav } from "@payloadcms/ui";
 import { useEffect } from "react";
 
 const AppointmentsMarketingCampaignsClient: React.FC = () => {
@@ -15,7 +15,9 @@ const AppointmentsMarketingCampaignsClient: React.FC = () => {
   }, [setStepNav]);
   return (
     <div className="collection-list appointments-calendar-view">
-      <ListHeader heading="Marketing Campaigns" />
+      <header className="list-header">
+        <h1>Marketing Campaigns</h1>
+      </header>
       <p>should be a marketing campaigns here</p>
       {/* TODO: MARKETING CAMPAIGNS */}
     </div>