style: minor changes

Informatik-Projekt-Kurs · May 11, 2024 · b742bfc · b742bfc
1 parent 93f6bd6
commit b742bfc
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 9 deletions.
diff --git a/src/app/dashboard/bookings/page.tsx b/src/app/dashboard/bookings/page.tsx
@@ -18,7 +18,7 @@ import { extractNameInitials } from "@/lib/utils";
 import { useRouter } from "next/navigation";
 import Scheduler from "@/components/dashboard/scheduler/Scheduler";
 import { FaPlus } from "react-icons/fa6";
-import { CiFilter } from "react-icons/ci";
+import { FiFilter } from "react-icons/fi";
 
 function Bookings() {
   const [user, setUser] = useState<User | null>();
@@ -100,12 +100,12 @@ function Bookings() {
           Your Appointments at a glance. Book a new appointment now!
           <div className={"flex w-fit items-center justify-center gap-x-4 text-foreground"}>
             <Button variant={"secondary"}>
-              <CiFilter className={"mr-1"} />
+              <FiFilter className={"mr-1 font-bold"} />
               Filter
             </Button>
             <Button className={"text-foreground"}>
               <FaPlus className={"mr-1"} />
-              New Appointment
+              Book Appointment
             </Button>
           </div>
         </div>

diff --git a/src/components/dashboard/scheduler/Scheduler.tsx b/src/components/dashboard/scheduler/Scheduler.tsx
@@ -3,6 +3,7 @@ import { ScheduleComponent, ViewsDirective, ViewDirective, Inject, WorkWeek } fr
 import "./scheduler.scss";
 import { registerLicense } from "@syncfusion/ej2-base";
 import { Button } from "@/components/ui/button";
+import { FaArrowRight, FaArrowLeft } from "react-icons/fa6";
 
 function Scheduler() {
   const data = [
@@ -54,12 +55,16 @@ function Scheduler() {
 
   return (
     <React.Fragment>
-      <div className="absolute z-10 ml-2 mt-3">
+      <div className="absolute z-10 ml-1 mt-3">
         <Button size={"sm"} variant={"outline"} className={"rounded-full text-foreground"} onClick={handlePreviousWeek}>
-          -
+          <FaArrowLeft size={10} />
         </Button>
-        <Button size={"sm"} variant={"outline"} className={"rounded-full text-foreground"} onClick={handleNextWeek}>
-          +
+        <Button
+          size={"sm"}
+          variant={"outline"}
+          className={"ml-1 rounded-full text-foreground"}
+          onClick={handleNextWeek}>
+          <FaArrowRight size={10} />
         </Button>
       </div>
       <ScheduleComponent
@@ -82,12 +87,12 @@ function Scheduler() {
                   borderColor: getRandomColor()
                 }}>
                 <h2 className={"font-bold"}>{props.Subject}</h2>
-                <div className={"mt-1 text-xs text-muted-foreground"}>
+                <div className={"mt-1 flex items-center gap-x-2 text-xs text-muted-foreground"}>
                   {new Intl.DateTimeFormat("en-US", {
                     hour: "numeric",
                     minute: "numeric"
                   }).format(props.StartTime)}{" "}
-                  -{" "}
+                  <FaArrowRight />{" "}
                   {new Intl.DateTimeFormat("en-US", {
                     hour: "numeric",
                     minute: "numeric"