AmirReza Jamali
da250b805d
This commit introduces the `react-tooltip` library to improve user interface clarity and provide a better user experience. Tooltips have been added to the action icons (Edit, Delete, Change Status) in the Admins table. This provides users with clear, on-hover information about the function of each icon, enhancing usability and reducing ambiguity. The implementation involved: - Adding `react-tooltip` as a project dependency. - Importing the required CSS in the root layout. - Integrating the `Tooltip` component within the Admins table.
38 lines
1.1 KiB
TypeScript
38 lines
1.1 KiB
TypeScript
import "@/css/satoshi.css";
|
|
import "@/css/style.css";
|
|
import "react-tooltip/dist/react-tooltip.css";
|
|
|
|
import { ConditionalLayout } from "@/components/Layouts/conditional-layout";
|
|
import "flatpickr/dist/flatpickr.min.css";
|
|
import "jsvectormap/dist/jsvectormap.css";
|
|
import type { Metadata } from "next";
|
|
import NextTopLoader from "nextjs-toploader";
|
|
import type { PropsWithChildren } from "react";
|
|
import { Providers } from "./providers";
|
|
|
|
export const metadata: Metadata = {
|
|
title: {
|
|
template: "%s | NextAdmin - Next.js Dashboard Kit",
|
|
default: "Opp lens - panel",
|
|
},
|
|
description:
|
|
"Next.js admin dashboard toolkit with 200+ templates, UI components, and integrations for fast dashboard development.",
|
|
icons: {
|
|
icon: "/images/fav-icon.svg",
|
|
},
|
|
};
|
|
|
|
export default function RootLayout({ children }: PropsWithChildren) {
|
|
return (
|
|
<html lang="en" suppressHydrationWarning>
|
|
<body>
|
|
<Providers>
|
|
<NextTopLoader color="#5750F1" showSpinner={false} />
|
|
|
|
<ConditionalLayout>{children}</ConditionalLayout>
|
|
</Providers>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|