14f36827ab
This commit introduces the ability to view feedback associated with specific companies and customers directly from their respective tables. To support this, the `TenderFeedbackTable` has been refactored into a more generic `FeedbackTable` component. This new component accepts a `paramKey` prop (e.g., "tender_id", "company_id") to filter feedback for different entities. A new feedback icon has been added to the actions column in both the Companies and Customers tables, providing a direct link to the feedback page for each entry.
30 lines
744 B
TypeScript
30 lines
744 B
TypeScript
"use client";
|
|
import Breadcrumb from "@/components/Breadcrumbs/Breadcrumb";
|
|
import FeedbackTable from "@/components/Tables/feedback-table";
|
|
|
|
import { BreadcrumbItem } from "@/types/shared";
|
|
import { use } from "react";
|
|
interface IProps {
|
|
params: Promise<{
|
|
id: string;
|
|
}>;
|
|
}
|
|
|
|
const TenderFeedbackPage = ({ params }: IProps) => {
|
|
const { id } = use(params);
|
|
|
|
const breadcrumbItems: BreadcrumbItem[] = [
|
|
{ href: "/", name: "Dashboard" },
|
|
{ href: "/customers", name: "Customers" },
|
|
{ href: `/customers/feedback/${id}`, name: "Customers feedback" },
|
|
];
|
|
return (
|
|
<>
|
|
<Breadcrumb items={breadcrumbItems} />
|
|
<FeedbackTable paramKey="customer_id" id={id} />
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default TenderFeedbackPage;
|