all ui done

2025-05-15 20:22:04 +05:30
parent bebe6cff83
commit ffe239783f
15 changed files with 480 additions and 520 deletions
--- a/apps/Backend/src/app.ts
+++ b/apps/Backend/src/app.ts
@@ -17,13 +17,10 @@ app.use(express.json());
 app.use(express.urlencoded({ extended: true })); // For form data
 app.use(apiLogger);

-
-console.log(FRONTEND_URL);
-
 app.use(cors({
-  origin: FRONTEND_URL, // Make sure this matches the frontend URL
-  methods: ['GET', 'POST', 'PUT', 'DELETE', 'OPTIONS'], // Allow these HTTP methods
-  allowedHeaders: ['Content-Type', 'Authorization'], // Allow necessary headers
+  origin: FRONTEND_URL, 
+  methods: ['GET', 'POST', 'PUT', 'DELETE', 'OPTIONS'], 
+  allowedHeaders: ['Content-Type', 'Authorization'], 
 credentials: true,     
 }));

--- a/apps/Backend/src/routes/appointements.ts
+++ b/apps/Backend/src/routes/appointements.ts
@@ -111,16 +111,12 @@ router.post(

  async (req: Request, res: Response): Promise<any> => {
    try {
-      console.log("Appointment creation request body:", req.body);
-
      // Validate request body
      const appointmentData = insertAppointmentSchema.parse({
        ...req.body,
        userId: req.user!.id,
      });

-      console.log("Validated appointment data:", appointmentData);
-
      // Verify patient exists and belongs to user
      const patient = await storage.getPatient(appointmentData.patientId);
      if (!patient) {
@@ -165,7 +161,6 @@ router.post(

      // Create appointment
      const appointment = await storage.createAppointment(appointmentData);
-      console.log("Appointment created successfully:", appointment);
      res.status(201).json(appointment);
    } catch (error) {
      console.error("Error creating appointment:", error);
@@ -201,12 +196,6 @@ router.put(
      }
      const appointmentId = parseInt(appointmentIdParam);

-      console.log(
-        "Update appointment request. ID:",
-        appointmentId,
-        "Body:",
-        req.body
-      );

      // Check if appointment exists and belongs to user
      const existingAppointment = await storage.getAppointment(appointmentId);
--- a/apps/Frontend/package.json
+++ b/apps/Frontend/package.json
@@ -42,8 +42,8 @@
    "@replit/vite-plugin-shadcn-theme-json": "^0.0.4",
    "@repo/db": "*",
    "@repo/typescript-config": "*",
-    "@tailwindcss/vite": "^4.1.6",
    "@tailwindcss/typography": "^0.5.15",
+    "@tailwindcss/vite": "^4.1.6",
    "@tanstack/react-query": "^5.60.5",
    "autoprefixer": "^10.4.20",
    "class-variance-authority": "^0.7.1",
@@ -60,8 +60,8 @@
    "memorystore": "^1.6.7",
    "next-themes": "^0.4.6",
    "passport": "^0.7.0",
-    "postcss": "^8.4.47",
    "passport-local": "^1.0.0",
+    "postcss": "^8.4.47",
    "react": "^19.1.0",
    "react-contexify": "^6.0.0",
    "react-day-picker": "^8.10.1",
--- a/apps/Frontend/src/components/layout/sidebar.tsx
+++ b/apps/Frontend/src/components/layout/sidebar.tsx
@@ -26,11 +26,6 @@ export function Sidebar({ isMobileOpen, setIsMobileOpen }: SidebarProps) {
      path: "/patients",
      icon: <Users className="h-5 w-5" />,
    },
-    {
-      name: "Reports",
-      path: "/reports",
-      icon: <FileText className="h-5 w-5" />,
-    },
    {
      name: "Settings",
      path: "/settings",
--- a/apps/Frontend/src/components/layout/top-app-bar.tsx
+++ b/apps/Frontend/src/components/layout/top-app-bar.tsx
@@ -9,6 +9,9 @@ import {
  DropdownMenuSeparator,
  DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
+import { useLocation } from "wouter";
+
+

 interface TopAppBarProps {
  toggleMobileMenu: () => void;
@@ -16,6 +19,7 @@ interface TopAppBarProps {

 export function TopAppBar({ toggleMobileMenu }: TopAppBarProps) {
  const { user, logoutMutation } = useAuth();
+  const [location, setLocation] = useLocation();

  const handleLogout = () => {
    logoutMutation.mutate();
@@ -68,7 +72,8 @@ export function TopAppBar({ toggleMobileMenu }: TopAppBarProps) {
            <DropdownMenuContent align="end">
              <DropdownMenuItem>{user?.username}</DropdownMenuItem>
              <DropdownMenuItem>My Profile</DropdownMenuItem>
-              <DropdownMenuItem>Account Settings</DropdownMenuItem>
+                <DropdownMenuItem onClick={() => setLocation("/settings")}>
+                Account Settings</DropdownMenuItem>
              <DropdownMenuSeparator />
              <DropdownMenuItem onClick={handleLogout}>
                Log out
--- a/apps/Frontend/src/components/patients/add-patient-modal.tsx
+++ b/apps/Frontend/src/components/patients/add-patient-modal.tsx
@@ -110,8 +110,11 @@ export const AddPatientModal = forwardRef<

  const handleSaveAndSchedule = () => {
  setSaveAndSchedule(true);
-    document.querySelector("form")?.requestSubmit();
-  };
+  if (patientFormRef.current) {
+    patientFormRef.current.submit();
+  }
+};
+

  return (
    <Dialog open={open} onOpenChange={onOpenChange}>
@@ -137,6 +140,7 @@ export const AddPatientModal = forwardRef<
        </DialogHeader>

        <PatientForm
+          ref={patientFormRef}
          patient={patient}
          extractedInfo={extractedInfo}
          onSubmit={handleFormSubmit}
--- a/apps/Frontend/src/components/patients/patient-form.tsx
+++ b/apps/Frontend/src/components/patients/patient-form.tsx
@@ -20,6 +20,7 @@ import {
  SelectValue,
 } from "@/components/ui/select";
 import { useEffect, useMemo } from "react";
+import { forwardRef, useImperativeHandle } from "react";

 const PatientSchema = (
  PatientUncheckedCreateInputObjectSchema as unknown as z.ZodObject<any>
@@ -64,11 +65,8 @@ export type PatientFormRef = {
  submit: () => void;
 };

-export function PatientForm({
-  patient,
-  extractedInfo,
-  onSubmit,
-}: PatientFormProps) {
+export const PatientForm = forwardRef<PatientFormRef, PatientFormProps>(
+  ({ patient, extractedInfo, onSubmit }, ref) => {
    const { user } = useAuth();
    const isEditing = !!patient;

@@ -90,7 +88,6 @@ export function PatientForm({
            : "",
        };
      }
-
      return {
        firstName: extractedInfo?.firstName || "",
        lastName: extractedInfo?.lastName || "",
@@ -117,6 +114,12 @@ export function PatientForm({
      defaultValues: computedDefaultValues,
    });

+    useImperativeHandle(ref, () => ({
+      submit() {
+        (document.getElementById("patient-form") as HTMLFormElement | null)?.requestSubmit();
+      },
+    }));
+
    // Debug form errors
    useEffect(() => {
      const errors = form.formState.errors;
@@ -255,7 +258,11 @@ export function PatientForm({
                  <FormItem>
                    <FormLabel>Email</FormLabel>
                    <FormControl>
-                    <Input type="email" {...field} value={field.value || ""} />
+                      <Input
+                        type="email"
+                        {...field}
+                        value={field.value || ""}
+                      />
                    </FormControl>
                    <FormMessage />
                  </FormItem>
@@ -393,4 +400,5 @@ export function PatientForm({
        </form>
      </Form>
    );
-}
+  }
+);
--- a/apps/Frontend/src/components/patients/patient-table.tsx
+++ b/apps/Frontend/src/components/patients/patient-table.tsx
@@ -56,7 +56,7 @@ export function PatientTable({ patients, onEdit, onView }: PatientTableProps) {
  };

  const getAvatarColor = (id: number) => {
-    const colors = [
+  const colorClasses = [
    "bg-blue-500",
    "bg-teal-500",
    "bg-amber-500",
@@ -65,8 +65,10 @@ export function PatientTable({ patients, onEdit, onView }: PatientTableProps) {
    "bg-green-500",
    "bg-purple-500",
  ];
-    return colors[id % colors.length];
-  };
+
+  // This returns a literal string from above — not a generated string
+  return colorClasses[id % colorClasses.length];
+};

  const formatDate = (dateString: string | Date) => {
    const date = new Date(dateString);
@@ -108,6 +110,7 @@ export function PatientTable({ patients, onEdit, onView }: PatientTableProps) {
                          {getInitials(patient.firstName, patient.lastName)}
                        </AvatarFallback>
                      </Avatar>
+                      
                      <div className="ml-4">
                        <div className="text-sm font-medium text-gray-900">
                          {patient.firstName} {patient.lastName}
--- a/apps/Frontend/src/components/ui/avatar.tsx
+++ b/apps/Frontend/src/components/ui/avatar.tsx
@@ -39,7 +39,7 @@ const AvatarFallback = React.forwardRef<
  <AvatarPrimitive.Fallback
    ref={ref}
    className={cn(
-      "flex h-full w-full items-center justify-center rounded-full bg-muted",
+      "flex h-full w-full items-center justify-center rounded-full",
      className
    )}
    {...props}
--- a/apps/Frontend/src/components/ui/stat-card.tsx
+++ b/apps/Frontend/src/components/ui/stat-card.tsx
@@ -1,34 +1,37 @@
 import { LucideIcon } from "lucide-react";
 import { Card, CardContent } from "@/components/ui/card";

+type ColorKey = "primary" | "secondary" | "success" | "warning" | "blue" | "teal" | "green" | "orange" | "rose" | "violet";
+
 interface StatCardProps {
  title: string;
  value: number | string;
  icon: LucideIcon;
-  color: string;
+  color: ColorKey;
 }

+const colorMap: Record<ColorKey, { bg: string; text: string }> = {
+  primary: { bg: "bg-primary bg-opacity-10", text: "text-primary" },
+  secondary: { bg: "bg-teal-500 bg-opacity-10", text: "text-teal-500" },
+  success: { bg: "bg-green-500 bg-opacity-10", text: "text-green-500" },
+  warning: { bg: "bg-orange-500 bg-opacity-10", text: "text-orange-500" },
+  blue: { bg: "bg-blue-100", text: "text-blue-600" },
+  teal: { bg: "bg-teal-100", text: "text-teal-600" },
+  green: { bg: "bg-green-100", text: "text-green-600" },
+  orange: { bg: "bg-orange-100", text: "text-orange-600" },
+  rose: { bg: "bg-rose-100", text: "text-rose-600" },
+  violet: { bg: "bg-violet-100", text: "text-violet-600" },
+};
+
 export function StatCard({ title, value, icon: Icon, color }: StatCardProps) {
-  const getBackgroundColorClass = (color: string) => {
-    switch(color) {
-      case 'primary':
-        return 'bg-primary bg-opacity-10 text-primary';
-      case 'secondary':
-        return 'bg-teal-500 bg-opacity-10 text-teal-500';
-      case 'success':
-        return 'bg-green-500 bg-opacity-10 text-green-500';
-      case 'warning':
-        return 'bg-orange-500 bg-opacity-10 text-orange-500';
-      default:
-        return 'bg-primary bg-opacity-10 text-primary';
-    }
-  };
+  const { bg, text } = colorMap[color] ?? colorMap.primary;

  return (
    <Card className="shadow-sm hover:shadow transition-shadow duration-200">
      <CardContent className="p-4 flex items-center space-x-4">
-        <div className={`rounded-full ${getBackgroundColorClass(color)} p-3`}>
-          <Icon className="h-5 w-5" />
+        <div className={`rounded-full p-3 ${bg} ${text}`}>
+                    <Icon className="h-5 w-5" stroke="currentColor" />
+
        </div>
        <div>
          <p className="text-sm text-gray-600">{title}</p>
--- a/apps/Frontend/src/pages/appointments-page.tsx
+++ b/apps/Frontend/src/pages/appointments-page.tsx
@@ -127,14 +127,20 @@ export default function AppointmentsPage() {
      enabled: !!user,
    });

-  const colorMap: Record<string, string> = {
-    "Dr. Kai Gao": "bg-blue-600",
-    "Dr. Jane Smith": "bg-emerald-600",
-  };
+  const colors = [
+    "bg-blue-600",
+    "bg-emerald-600",
+    "bg-purple-600",
+    "bg-pink-600",
+    "bg-yellow-500",
+    "bg-red-600",
+  ];

-  const staffMembers = staffMembersRaw.map((staff) => ({
+  // Assign colors cycling through the list
+  const staffMembers = staffMembersRaw.map((staff, index) => ({
    ...staff,
-    color: colorMap[staff.name] || "bg-gray-400",
+    
+    color: colors[index % colors.length] || "bg-gray-400",
  }));

  // Generate time slots from 8:00 AM to 6:00 PM in 30-minute increments
--- a/apps/Frontend/src/pages/dashboard.tsx
+++ b/apps/Frontend/src/pages/dashboard.tsx
@@ -326,7 +326,7 @@ export default function Dashboard() {
              title="Total Patients"
              value={patients.length}
              icon={Users}
-              color="primary"
+              color="blue"
            />
            <StatCard
              title="Today's Appointments"
@@ -380,7 +380,7 @@ export default function Dashboard() {
                          className="p-4 flex items-center justify-between"
                        >
                          <div className="flex items-center space-x-4">
-                            <div className="h-10 w-10 rounded-full bg-primary bg-opacity-10 text-primary flex items-center justify-center">
+                            <div className="h-10 w-10 rounded-full bg-opacity-10 text-primary flex items-center justify-center">
                              <Clock className="h-5 w-5" />
                            </div>
                            <div>
--- a/apps/Frontend/src/pages/patients-page.tsx
+++ b/apps/Frontend/src/pages/patients-page.tsx
@@ -219,109 +219,6 @@ export default function PatientsPage() {
    });
  };

-  // Process file and extract patient information
-  const handleExtractInfo = async () => {
-    if (!uploadedFile) {
-      toast({
-        title: "No file selected",
-        description: "Please select a file first.",
-        variant: "destructive",
-      });
-      return;
-    }
-
-    setIsExtracting(true);
-
-    try {
-      // Read the file as base64
-      const reader = new FileReader();
-
-      // Set up a Promise to handle file reading
-      const fileReadPromise = new Promise<string>((resolve, reject) => {
-        reader.onload = (event) => {
-          if (event.target && typeof event.target.result === "string") {
-            resolve(event.target.result);
-          } else {
-            reject(new Error("Failed to read file as base64"));
-          }
-        };
-
-        reader.onerror = () => {
-          reject(new Error("Error reading file"));
-        };
-
-        // Read the file as a data URL (base64)
-        reader.readAsDataURL(uploadedFile);
-      });
-
-      // Get the base64 data
-      const base64Data = await fileReadPromise;
-
-      // Send file to server as base64
-      const response = await fetch("/api/upload-file", {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json",
-        },
-        body: JSON.stringify({
-          pdfData: base64Data,
-          filename: uploadedFile.name,
-        }),
-        credentials: "include",
-      });
-
-      if (!response.ok) {
-        throw new Error(
-          `Server returned ${response.status}: ${response.statusText}`
-        );
-      }
-
-      const data = await response.json();
-
-      if (data.success) {
-        // Only keep firstName, lastName, dateOfBirth, and insuranceId from the extracted info
-        const simplifiedInfo = {
-          firstName: data.extractedInfo.firstName,
-          lastName: data.extractedInfo.lastName,
-          dateOfBirth: data.extractedInfo.dateOfBirth,
-          insuranceId: data.extractedInfo.insuranceId,
-        };
-
-        setExtractedInfo(simplifiedInfo);
-
-        // Show success message
-        toast({
-          title: "Information Extracted",
-          description:
-            "Basic patient information (name, DOB, ID) has been extracted successfully.",
-          variant: "default",
-        });
-
-        // Open patient form pre-filled with extracted data
-        setCurrentPatient(undefined);
-
-        // Pre-fill the form by opening the modal with the extracted information
-        setTimeout(() => {
-          setIsAddPatientOpen(true);
-        }, 500);
-      } else {
-        throw new Error(data.message || "Failed to extract information");
-      }
-    } catch (error) {
-      console.error("Error extracting information:", error);
-      toast({
-        title: "Error",
-        description:
-          error instanceof Error
-            ? error.message
-            : "Failed to extract information from file",
-        variant: "destructive",
-      });
-    } finally {
-      setIsExtracting(false);
-    }
-  };
-
  // Filter patients based on search criteria
  const filteredPatients = useMemo(() => {
    if (!searchCriteria || !searchCriteria.searchTerm) {
@@ -424,7 +321,6 @@ export default function PatientsPage() {
              <div className="md:col-span-1 flex items-end">
                <Button
                  className="w-full h-12 gap-2"
-                  onClick={handleExtractInfo}
                  disabled={!uploadedFile || isExtracting}
                >
                  {isExtracting ? (
--- a/package-lock.json
+++ b/package-lock.json
@@ -471,6 +471,7 @@
        "react-hook-form": "^7.55.0",
        "react-icons": "^5.4.0",
        "react-resizable-panels": "^2.1.7",
+        "react-router-dom": "^7.6.0",
        "recharts": "^2.15.2",
        "tailwind-merge": "^3.2.0",
        "tailwindcss": "^3.4.17",
@@ -11571,6 +11572,53 @@
        "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
      }
    },
+    "node_modules/react-router": {
+      "version": "7.6.0",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-7.6.0.tgz",
+      "integrity": "sha512-GGufuHIVCJDbnIAXP3P9Sxzq3UUsddG3rrI3ut1q6m0FI6vxVBF3JoPQ38+W/blslLH4a5Yutp8drkEpXoddGQ==",
+      "license": "MIT",
+      "dependencies": {
+        "cookie": "^1.0.1",
+        "set-cookie-parser": "^2.6.0"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=18",
+        "react-dom": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-router-dom": {
+      "version": "7.6.0",
+      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-7.6.0.tgz",
+      "integrity": "sha512-DYgm6RDEuKdopSyGOWZGtDfSm7Aofb8CCzgkliTjtu/eDuB0gcsv6qdFhhi8HdtmA+KHkt5MfZ5K2PdzjugYsA==",
+      "license": "MIT",
+      "dependencies": {
+        "react-router": "7.6.0"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=18",
+        "react-dom": ">=18"
+      }
+    },
+    "node_modules/react-router/node_modules/cookie": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-1.0.2.tgz",
+      "integrity": "sha512-9Kr/j4O16ISv8zBBhJoi4bXOYNTkFLOqSL3UDB0njXxCXNezjeyVrJyGOWtgfs/q2km1gwBcfH8q1yEGoMYunA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
    "node_modules/react-smooth": {
      "version": "4.0.4",
      "resolved": "https://registry.npmjs.org/react-smooth/-/react-smooth-4.0.4.tgz",
@@ -12218,6 +12266,12 @@
      "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==",
      "license": "ISC"
    },
+    "node_modules/set-cookie-parser": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.7.1.tgz",
+      "integrity": "sha512-IOc8uWeOZgnb3ptbCURJWNjWUPcO3ZnTTdzsurqERrP6nPyv+paC55vJM0LpOlT2ne+Ix+9+CRG1MNLlyZ4GjQ==",
+      "license": "MIT"
+    },
    "node_modules/set-function-length": {
      "version": "1.2.2",
      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
--- a/packages/db/prisma/seed.ts
+++ b/packages/db/prisma/seed.ts
@@ -1,13 +1,16 @@
-import { PrismaClient } from '../generated/prisma';
+import { PrismaClient } from "../generated/prisma";
 const prisma = new PrismaClient();

-console.log("Here")
+function formatTime(date: Date): string {
+  return date.toTimeString().slice(0, 5); // "HH:MM"
+}
+
 async function main() {
  // Create multiple users
  const users = await prisma.user.createMany({
    data: [
-      { username: 'admin2', password: '123456' },
-      { username: 'bob', password: '123456' },
+      { username: "admin2", password: "123456" },
+      { username: "bob", password: "123456" },
    ],
  });

@@ -16,8 +19,8 @@ async function main() {
  // Creatin staff
  await prisma.staff.createMany({
    data: [
-      { name: 'Dr. Kai Gao', role: 'Doctor' },
-      { name: 'Dr. Jane Smith', role: 'Doctor' },
+      { name: "Dr. Kai Gao", role: "Doctor" },
+      { name: "Dr. Jane Smith", role: "Doctor" },
    ],
  });

@@ -27,27 +30,27 @@ async function main() {
  const patients = await prisma.patient.createMany({
    data: [
      {
-        firstName: 'Emily',
-        lastName: 'Clark',
-        dateOfBirth: new Date('1985-06-15'),
-        gender: 'female',
-        phone: '555-0001',
-        email: 'emily@example.com',
-        address: '101 Apple Rd',
-        city: 'Newtown',
-        zipCode: '10001',
+        firstName: "Emily",
+        lastName: "Clark",
+        dateOfBirth: new Date("1985-06-15"),
+        gender: "female",
+        phone: "555-0001",
+        email: "emily@example.com",
+        address: "101 Apple Rd",
+        city: "Newtown",
+        zipCode: "10001",
        userId: createdUsers[0].id,
      },
      {
-        firstName: 'Michael',
-        lastName: 'Brown',
-        dateOfBirth: new Date('1979-09-10'),
-        gender: 'male',
-        phone: '555-0002',
-        email: 'michael@example.com',
-        address: '202 Banana Ave',
-        city: 'Oldtown',
-        zipCode: '10002',
+        firstName: "Michael",
+        lastName: "Brown",
+        dateOfBirth: new Date("1979-09-10"),
+        gender: "male",
+        phone: "555-0002",
+        email: "michael@example.com",
+        address: "202 Banana Ave",
+        city: "Oldtown",
+        zipCode: "10002",
        userId: createdUsers[1].id,
      },
    ],
@@ -61,25 +64,23 @@ async function main() {
      {
        patientId: createdPatients[0].id,
        userId: createdUsers[0].id,
-        title: 'Initial Consultation',
-        date: new Date('2025-06-01'),
-        startTime: new Date('2025-06-01T10:00:00'),
-        endTime: new Date('2025-06-01T10:30:00'),
-        type: 'consultation',
+        title: "Initial Consultation",
+        date: new Date("2025-06-01"),
+        startTime: formatTime(new Date("2025-06-01T10:00:00")),
+        endTime: formatTime(new Date("2025-06-01T10:30:00")),
+        type: "consultation",
      },
      {
        patientId: createdPatients[1].id,
        userId: createdUsers[1].id,
-        title: 'Follow-up',
-        date: new Date('2025-06-02'),
-        startTime: new Date('2025-06-02T14:00:00'),
-        endTime: new Date('2025-06-02T14:30:00'),
-        type: 'checkup',
+        title: "Follow-up",
+        date: new Date("2025-06-02"),
+        startTime: formatTime(new Date("2025-06-01T10:00:00")),
+        endTime: formatTime(new Date("2025-06-01T10:30:00")),
+        type: "checkup",
      },
    ],
  });
-
-  console.log('✅ Seeded multiple users, patients, and appointments.');
 }

 main()
@@ -88,6 +89,5 @@ main()
    process.exit(1);
  })
  .finally(async () => {
-    console.log("Done seeding logged.")
    await prisma.$disconnect();
  });