AmirReza Jamali
e1898bf259
This commit introduces a new page for users to view their submissions in a structured and paginated table. This allows users to easily track their submission history and access key details. The main changes include: - A new page at `/submissions` to display the submissions list. - A `SubmissionsTable` component to render submission data, including title, country, status, and a link to the submission URL. - Integration of `react-paginate` to handle navigation through large sets of data. - A new `useSubmissions` custom hook using TanStack Query for efficient, paginated data fetching from the API. - Addition of the `currency-symbol-map` dependency to display prices with the correct currency symbol.
23 lines
638 B
TypeScript
23 lines
638 B
TypeScript
import { cn } from "@/lib/utils";
|
|
import type { ReactNode } from "react";
|
|
|
|
type PropsType = {
|
|
title?: string | ReactNode;
|
|
children: ReactNode;
|
|
className?: string;
|
|
};
|
|
|
|
export function ShowcaseSection({ title, children, className }: PropsType) {
|
|
return (
|
|
<div className="rounded-[10px] bg-white shadow-1 dark:bg-gray-dark dark:shadow-card">
|
|
{title && (
|
|
<h2 className="border-b border-stroke px-4 py-4 font-medium text-dark dark:border-dark-3 dark:text-white sm:px-6 xl:px-7.5">
|
|
{title}
|
|
</h2>
|
|
)}
|
|
|
|
<div className={cn("p-4 sm:p-6 xl:p-10", className)}>{children}</div>
|
|
</div>
|
|
);
|
|
}
|