-
+
{formattedDate}
{showTime && (
{formattedTime}
diff --git a/components/providers/AccountInfo.tsx b/components/providers/ProviderInfo.tsx
similarity index 76%
rename from components/providers/AccountInfo.tsx
rename to components/providers/ProviderInfo.tsx
index 7cab849d54..bc1e90124a 100644
--- a/components/providers/AccountInfo.tsx
+++ b/components/providers/ProviderInfo.tsx
@@ -8,18 +8,18 @@ import {
WifiOffIcon,
} from "../icons";
-interface AccountInfoProps {
+interface ProviderInfoProps {
connected: boolean;
provider: "aws" | "azure" | "gcp";
- accountName: string;
- accountId: string;
+ providerAlias: string;
+ providerId: string;
}
-export const AccountInfo: React.FC
= ({
+export const ProviderInfo: React.FC = ({
connected,
provider,
- accountName,
- accountId,
+ providerAlias,
+ providerId,
}) => {
const getIcon = () => {
return connected ? : ;
@@ -45,8 +45,8 @@ export const AccountInfo: React.FC = ({
{getIcon()}
{getProviderLogo()}
- {accountName}
- {accountId}
+ {providerAlias}
+ {providerId}
diff --git a/components/providers/table/ColumnsProviders.tsx b/components/providers/table/ColumnsProviders.tsx
new file mode 100644
index 0000000000..3701b68e2a
--- /dev/null
+++ b/components/providers/table/ColumnsProviders.tsx
@@ -0,0 +1,110 @@
+"use client";
+
+import {
+ Button,
+ Dropdown,
+ DropdownItem,
+ DropdownMenu,
+ DropdownTrigger,
+} from "@nextui-org/react";
+import { ColumnDef } from "@tanstack/react-table";
+import { add } from "date-fns";
+
+import { VerticalDotsIcon } from "@/components/icons";
+import { StatusBadge } from "@/components/ui/table/StatusBadge";
+import { ProviderProps } from "@/types";
+
+import { DateWithTime } from "../DateWithTime";
+import { ProviderInfo } from "../ProviderInfo";
+
+const getProviderAttributes = (row: { original: ProviderProps }) => {
+ return row.original.attributes;
+};
+
+export const ColumnsProviders: ColumnDef
[] = [
+ {
+ header: "ID",
+ cell: ({ row }) => {row.index + 1}
,
+ },
+ {
+ accessorKey: "account",
+ header: "Account",
+ cell: ({ row }) => {
+ const { connection, provider, alias, provider_id } =
+ getProviderAttributes(row);
+ return (
+
+ );
+ },
+ },
+ {
+ accessorKey: "status",
+ header: "Scan Status",
+ cell: ({ row }) => {
+ const { status } = getProviderAttributes(row);
+ return ;
+ },
+ },
+ {
+ accessorKey: "lastScan",
+ header: "Last Scan",
+ cell: ({ row }) => {
+ const { updated_at } = getProviderAttributes(row);
+ return ;
+ },
+ },
+ {
+ accessorKey: "nextScan",
+ header: "Next Scan",
+ cell: ({ row }) => {
+ const { updated_at } = getProviderAttributes(row);
+ const nextDay = add(new Date(updated_at), {
+ hours: 24,
+ });
+ return ;
+ },
+ },
+ {
+ accessorKey: "resources",
+ header: "Resources",
+ cell: ({ row }) => {
+ const { resources } = getProviderAttributes(row);
+ return {resources}
;
+ },
+ },
+ {
+ accessorKey: "added",
+ header: "Added",
+ cell: ({ row }) => {
+ const { inserted_at } = getProviderAttributes(row);
+ return ;
+ },
+ },
+ {
+ accessorKey: "actions",
+ header: () => Actions
,
+ id: "actions",
+ cell: () => {
+ return (
+
+
+
+
+
+
+ Manage
+ Delete
+
+
+
+ );
+ },
+ },
+];
diff --git a/components/providers/table/DataTable.tsx b/components/providers/table/DataTable.tsx
new file mode 100644
index 0000000000..cfcf74ff2a
--- /dev/null
+++ b/components/providers/table/DataTable.tsx
@@ -0,0 +1,109 @@
+"use client";
+
+import { Button } from "@nextui-org/react";
+import {
+ ColumnDef,
+ flexRender,
+ getCoreRowModel,
+ getPaginationRowModel,
+ useReactTable,
+} from "@tanstack/react-table";
+
+import {
+ Table,
+ TableBody,
+ TableCell,
+ TableHead,
+ TableHeader,
+ TableRow,
+} from "@/components/ui/table/Table";
+
+interface DataTableProps {
+ columns: ColumnDef[];
+ data: TData[];
+}
+
+export function DataTable({
+ columns,
+ data,
+}: DataTableProps) {
+ const table = useReactTable({
+ data,
+ columns,
+ getCoreRowModel: getCoreRowModel(),
+ getPaginationRowModel: getPaginationRowModel(),
+ });
+
+ return (
+ <>
+
+
+
+ {table.getHeaderGroups().map((headerGroup) => (
+
+ {headerGroup.headers.map((header) => {
+ return (
+
+ {header.isPlaceholder
+ ? null
+ : flexRender(
+ header.column.columnDef.header,
+ header.getContext(),
+ )}
+
+ );
+ })}
+
+ ))}
+
+
+ {table.getRowModel().rows?.length ? (
+ table.getRowModel().rows.map((row) => (
+
+ {row.getVisibleCells().map((cell) => (
+
+ {flexRender(
+ cell.column.columnDef.cell,
+ cell.getContext(),
+ )}
+
+ ))}
+
+ ))
+ ) : (
+
+
+ No results.
+
+
+ )}
+
+
+
+
+
+
+
+ );
+}
diff --git a/components/ui/sidebar/SidebarWrap.tsx b/components/ui/sidebar/SidebarWrap.tsx
index f2212850bb..325e284f15 100644
--- a/components/ui/sidebar/SidebarWrap.tsx
+++ b/components/ui/sidebar/SidebarWrap.tsx
@@ -4,9 +4,11 @@ import { Icon } from "@iconify/react";
import { Button, ScrollShadow, Spacer, Tooltip } from "@nextui-org/react";
import clsx from "clsx";
import { usePathname } from "next/navigation";
-import React, { useCallback, useEffect, useState } from "react";
+import React, { useCallback } from "react";
import { useMediaQuery } from "usehooks-ts";
+import { useLocalStorage } from "@/hooks/useLocalStorage";
+
import {
ProwlerExtended,
ProwlerShort,
@@ -17,33 +19,18 @@ import { sectionItemsWithTeams } from "./SidebarItems";
import { UserAvatar } from "./UserAvatar";
export const SidebarWrap = () => {
- const [isCollapsed, setIsCollapsed] = useState(false);
- const [isLoaded, setIsLoaded] = useState(false);
-
const pathname = usePathname();
- const currentPath = pathname === "/" ? "overview" : pathname.split("/")?.[1];
+ const [isCollapsed, setIsCollapsed] = useLocalStorage("isCollapsed", false);
const isMobile = useMediaQuery("(max-width: 768px)");
- const isCompact = isCollapsed || isMobile;
-
- useEffect(() => {
- const savedState = localStorage.getItem("isCollapsed");
- if (savedState !== null) {
- setIsCollapsed(JSON.parse(savedState));
- }
- setIsLoaded(true);
- }, []);
+ const isCompact = Boolean(isCollapsed) || isMobile;
const onToggle = useCallback(() => {
- setIsCollapsed((prev) => {
- const newState = !prev;
- localStorage.setItem("isCollapsed", JSON.stringify(newState));
- return newState;
- });
- }, []);
+ setIsCollapsed(!isCollapsed);
+ }, [isCollapsed]);
- if (!isLoaded) return null;
+ const currentPath = pathname === "/" ? "overview" : pathname.split("/")?.[1];
return (
= ({
- initialVisibleColumns,
- initialRowsPerPage = 5,
- selectionMode = "none",
-}) => {
- const [filterValue, setFilterValue] = React.useState("");
- // const [selectedKeys, setSelectedKeys] = React.useState(new Set([]));
- const selectedKeys = new Set([]);
-
- // const [visibleColumns, setVisibleColumns] = React.useState<
- // string | Set
- // >(new Set(initialVisibleColumns));
-
- const visibleColumns = new Set(initialVisibleColumns);
-
- // const [statusFilter, setStatusFilter] = React.useState("all");
- const statusFilter: string = "all";
-
- const [rowsPerPage, setRowsPerPage] = React.useState(initialRowsPerPage);
-
- // const [sortDescriptor, setSortDescriptor] = React.useState({
- // column: "age",
- // direction: "ascending",
- // });
-
- const sortDescriptor: SortDescriptor = {
- column: "age",
- direction: "ascending",
- };
-
- const [page, setPage] = React.useState(1);
-
- const pages = Math.ceil(providers.length / rowsPerPage);
-
- const hasSearchFilter = Boolean(filterValue);
-
- const headerColumns = React.useMemo(() => {
- // if (visibleColumns === "all") return columns;
-
- return columns.filter((column) =>
- Array.from(visibleColumns).includes(column.uid),
- );
- }, [visibleColumns]);
-
- const filteredItems = React.useMemo(() => {
- let filteredUsers = [...providers];
-
- if (hasSearchFilter) {
- filteredUsers = filteredUsers.filter((provider) =>
- provider.account.toLowerCase().includes(filterValue.toLowerCase()),
- );
- }
- if (
- statusFilter !== "all" &&
- Array.from(statusFilter).length !== statusOptions.length
- ) {
- filteredUsers = filteredUsers.filter((provider) =>
- Array.from(statusFilter).includes(provider.group),
- );
- }
-
- return filteredUsers;
- }, [providers, filterValue, statusFilter]);
-
- const items = React.useMemo(() => {
- const start = (page - 1) * rowsPerPage;
- const end = start + rowsPerPage;
-
- return filteredItems.slice(start, end);
- }, [page, filteredItems, rowsPerPage]);
-
- const sortedItems = React.useMemo(() => {
- // The type "any" for a and b will removed in the next iteration.
- return [...items].sort((a: any, b: any) => {
- const first = a[sortDescriptor.column];
- const second = b[sortDescriptor.column];
- const cmp: number = first < second ? -1 : first > second ? 1 : 0;
-
- return sortDescriptor.direction === "descending" ? -cmp : cmp;
- });
- }, [sortDescriptor, items]);
-
- const renderCell = React.useCallback(
- (provider: Provider, columnKey: keyof Provider) => {
- // eslint-disable-next-line security/detect-object-injection
- const cellValue = provider[columnKey];
-
- switch (columnKey) {
- case "account":
- return (
-
- );
- case "group":
- return (
-
-
{cellValue}
-
- {provider.group}
-
-
-
-
-
-
-
- Manage
- Delete
-
-
-
- );
- default:
- return cellValue;
- }
- },
- [],
- );
-
- const onRowsPerPageChange = React.useCallback(
- (e: React.ChangeEvent) => {
- setRowsPerPage(Number(e.target.value));
- setPage(1);
- },
- [],
- );
-
- const onSearchChange = React.useCallback((value: string) => {
- if (value) {
- setFilterValue(value);
- setPage(1);
- } else {
- setFilterValue("");
- }
- }, []);
-
- const topContent = React.useMemo(() => {
- return (
-
-
- {/*
}
- value={filterValue}
- variant="bordered"
- onClear={() => setFilterValue("")}
- onValueChange={onSearchChange}
- /> */}
-
- {/*
-
- }
- size="sm"
- variant="flat"
- >
- Status
-
-
-
- {statusOptions.map((status) => (
-
- {capitalize(status.name)}
-
- ))}
-
-
-
-
- }
- size="sm"
- variant="flat"
- >
- Columns
-
-
-
- {columns.map((column) => (
-
- {capitalize(column.name)}
-
- ))}
-
- */}
- }
- size="sm"
- >
- Add New
-
-
-
-
-
- Total {providers.length} entries
-
- {items.length < initialRowsPerPage &&
hi hi que pasa
}
-
-
-
-
- {/* {selectionMode !== "none" && (
-
- {selectedKeys === "all"
- ? "All items selected"
- : `${selectedKeys.size} of ${items.length} selected`}
-
- )} */}
-
-
- {(column) => (
-
- {column.name}
-
- )}
-
-
- {(item) => {
- return (
-
- {(columnKey) => (
- // @ts-expect-error: Disable type checking for this line
- {renderCell(item, columnKey)}
- )}
-
- );
- }}
-
-
- );
-};
diff --git a/components/ui/table/StatusBadge.tsx b/components/ui/table/StatusBadge.tsx
new file mode 100644
index 0000000000..a1dea200aa
--- /dev/null
+++ b/components/ui/table/StatusBadge.tsx
@@ -0,0 +1,25 @@
+import { Chip } from "@nextui-org/react";
+import React from "react";
+
+type Status = "completed" | "pending" | "cancelled";
+
+export const statusColorMap: Record =
+ {
+ completed: "success",
+ pending: "warning",
+ cancelled: "danger",
+ };
+
+export const StatusBadge = ({ status }: { status: Status }) => {
+ return (
+
+ {status}
+
+ );
+};
diff --git a/components/ui/table/Table.tsx b/components/ui/table/Table.tsx
new file mode 100644
index 0000000000..cdc1f5cfe6
--- /dev/null
+++ b/components/ui/table/Table.tsx
@@ -0,0 +1,117 @@
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+const Table = React.forwardRef<
+ HTMLTableElement,
+ React.HTMLAttributes
+>(({ className, ...props }, ref) => (
+
+));
+Table.displayName = "Table";
+
+const TableHeader = React.forwardRef<
+ HTMLTableSectionElement,
+ React.HTMLAttributes
+>(({ className, ...props }, ref) => (
+
+));
+TableHeader.displayName = "TableHeader";
+
+const TableBody = React.forwardRef<
+ HTMLTableSectionElement,
+ React.HTMLAttributes
+>(({ className, ...props }, ref) => (
+
+));
+TableBody.displayName = "TableBody";
+
+const TableFooter = React.forwardRef<
+ HTMLTableSectionElement,
+ React.HTMLAttributes
+>(({ className, ...props }, ref) => (
+ tr]:last:border-b-0 dark:bg-slate-800/50",
+ className,
+ )}
+ {...props}
+ />
+));
+TableFooter.displayName = "TableFooter";
+
+const TableRow = React.forwardRef<
+ HTMLTableRowElement,
+ React.HTMLAttributes
+>(({ className, ...props }, ref) => (
+ |
+));
+TableRow.displayName = "TableRow";
+
+const TableHead = React.forwardRef<
+ HTMLTableCellElement,
+ React.ThHTMLAttributes
+>(({ className, ...props }, ref) => (
+ |
+));
+TableHead.displayName = "TableHead";
+
+const TableCell = React.forwardRef<
+ HTMLTableCellElement,
+ React.TdHTMLAttributes
+>(({ className, ...props }, ref) => (
+ |
+));
+TableCell.displayName = "TableCell";
+
+const TableCaption = React.forwardRef<
+ HTMLTableCaptionElement,
+ React.HTMLAttributes
+>(({ className, ...props }, ref) => (
+
+));
+TableCaption.displayName = "TableCaption";
+
+export {
+ Table,
+ TableBody,
+ TableCaption,
+ TableCell,
+ TableFooter,
+ TableHead,
+ TableHeader,
+ TableRow,
+};
diff --git a/config/fonts.ts b/config/fonts.ts
index 0e7d9c9422..16c934d5a6 100644
--- a/config/fonts.ts
+++ b/config/fonts.ts
@@ -1,4 +1,7 @@
-import { Fira_Code as FontMono, Inter as FontSans } from "next/font/google";
+import {
+ Fira_Code as FontMono,
+ Plus_Jakarta_Sans as FontSans,
+} from "next/font/google";
export const fontSans = FontSans({
subsets: ["latin"],
diff --git a/dataProviders.json b/dataProviders.json
new file mode 100644
index 0000000000..ab8a058620
--- /dev/null
+++ b/dataProviders.json
@@ -0,0 +1,105 @@
+{
+ "links": {
+ "first": "https://api.prowler.com/api/v1/providers?page%5Bnumber%5D=1",
+ "last": "https://api.prowler.com/api/v1/providers?page%5Bnumber%5D=1",
+ "next": null,
+ "prev": null
+ },
+ "data": [
+ {
+ "id": "5fd8f121-269e-4715-84cf-f92373f15dfa",
+ "type": "providers",
+ "attributes": {
+ "provider": "aws",
+ "provider_id": "1234567890",
+ "alias": "mock_aws_connected",
+ "status": "cancelled",
+ "resources": 101,
+ "connection": {
+ "connected": true,
+ "last_checked_at": "2024-07-17T09:55:14.191475Z"
+ },
+ "scanner_args": {
+ "only_logs": true,
+ "excluded_checks": [
+ "awslambda_function_no_secrets_in_code",
+ "cloudwatch_log_group_no_secrets_in_logs"
+ ],
+ "aws_retries_max_attempts": 5
+ },
+ "inserted_at": "2024-07-17T09:55:14.191475Z",
+ "updated_at": "2024-07-17T09:55:14.191475Z",
+ "created_by": {
+ "object": "user",
+ "id": "eea048ab-7cb3-47eb-9e5e-dce591ade41f"
+ }
+ }
+ },
+ {
+ "id": "16aaeb4e-d3cd-4bb6-86f8-6c39cf93821e",
+ "type": "providers",
+ "attributes": {
+ "provider": "azure",
+ "provider_id": "1234567891",
+ "alias": "mock_aws_not_connected",
+ "status": "pending",
+ "resources": 222,
+ "connection": {
+ "connected": false,
+ "last_checked_at": "2024-07-17T09:55:18.987425Z"
+ },
+ "scanner_args": {
+ "only_logs": true,
+ "excluded_checks": [
+ "awslambda_function_no_secrets_in_code",
+ "cloudwatch_log_group_no_secrets_in_logs"
+ ],
+ "aws_retries_max_attempts": 5
+ },
+ "inserted_at": "2024-07-17T09:50:18.987425Z",
+ "updated_at": "2024-07-17T09:55:18.987425Z",
+ "created_by": {
+ "object": "user",
+ "id": "a8f5e964-5964-4aaf-9176-844e2c3b0716"
+ }
+ }
+ },
+ {
+ "id": "63f16b03-7849-4054-b40b-300e331f46f0",
+ "type": "providers",
+ "attributes": {
+ "provider": "gcp",
+ "provider_id": "1234567895",
+ "alias": "mock_gcp",
+ "status": "completed",
+ "resources": 143,
+ "connection": {
+ "connected": true,
+ "last_checked_at": "2024-07-17T09:55:18.987425Z"
+ },
+ "scanner_args": {
+ "only_logs": true,
+ "excluded_checks": [
+ "apikeys_key_exists",
+ "cloudsql_instance_public_ip"
+ ],
+ "excluded_services": ["kms"]
+ },
+ "inserted_at": "2024-07-17T09:50:18.987425Z",
+ "updated_at": "2024-07-17T09:55:18.987425Z",
+ "created_by": {
+ "object": "user",
+ "id": "eea048ab-7cb3-47eb-9e5e-dce591ade41f"
+ }
+ }
+ }
+ ],
+ "meta": {
+ "pagination": {
+ "page": 1,
+ "pages": 1,
+ "count": 3
+ },
+ "version": "v1"
+ }
+}
diff --git a/hooks/index.ts b/hooks/index.ts
new file mode 100644
index 0000000000..709aadd864
--- /dev/null
+++ b/hooks/index.ts
@@ -0,0 +1 @@
+export * from "./useLocalStorage";
diff --git a/hooks/useLocalStorage.ts b/hooks/useLocalStorage.ts
new file mode 100644
index 0000000000..405064fb57
--- /dev/null
+++ b/hooks/useLocalStorage.ts
@@ -0,0 +1,46 @@
+"use client";
+
+import { useEffect, useState } from "react";
+
+export const useLocalStorage = (
+ key: string,
+ initialValue: string | boolean,
+): [
+ string | boolean,
+ (
+ value: string | boolean | ((val: string | boolean) => string | boolean),
+ ) => void,
+] => {
+ const [state, setState] = useState(initialValue);
+
+ useEffect(() => {
+ try {
+ const value = window.localStorage.getItem(key);
+
+ if (value) {
+ setState(JSON.parse(value));
+ }
+ } catch (error) {
+ console.log(error);
+ }
+ }, [key]);
+
+ const setValue = (
+ value: string | boolean | ((val: string | boolean) => string | boolean),
+ ) => {
+ try {
+ // If the passed value is a callback function,
+ // then call it with the existing state.
+ const valueToStore =
+ typeof value === "function"
+ ? (value as (val: string | boolean) => string | boolean)(state)
+ : value;
+ window.localStorage.setItem(key, JSON.stringify(valueToStore));
+ setState(valueToStore);
+ } catch (error) {
+ console.log(error);
+ }
+ };
+
+ return [state, setValue];
+};
diff --git a/lib/actions/index.ts b/lib/actions/index.ts
new file mode 100644
index 0000000000..67b97f1e4a
--- /dev/null
+++ b/lib/actions/index.ts
@@ -0,0 +1 @@
+export * from "./provider.actions";
diff --git a/lib/actions/provider.actions.ts b/lib/actions/provider.actions.ts
new file mode 100644
index 0000000000..12ee153dc1
--- /dev/null
+++ b/lib/actions/provider.actions.ts
@@ -0,0 +1,14 @@
+import "server-only";
+
+import { parseStringify } from "../utils";
+
+export const getProvider = async () => {
+ const key = process.env.LOCAL_SITE_URL;
+ try {
+ const providers = await fetch(`${key}/api/providers`);
+ const data = await providers.json();
+ return parseStringify(data);
+ } catch (error) {
+ console.log(error);
+ }
+};
diff --git a/lib/index.ts b/lib/index.ts
new file mode 100644
index 0000000000..178cd64f81
--- /dev/null
+++ b/lib/index.ts
@@ -0,0 +1 @@
+export * from "./utils";
diff --git a/lib/utils.ts b/lib/utils.ts
new file mode 100644
index 0000000000..261f2865a8
--- /dev/null
+++ b/lib/utils.ts
@@ -0,0 +1,81 @@
+import { type ClassValue, clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+ return twMerge(clsx(inputs));
+}
+
+export function capitalize(str: string): string {
+ return str.charAt(0).toUpperCase() + str.slice(1);
+}
+
+export const parseStringify = (value: any) => JSON.parse(JSON.stringify(value));
+
+export const convertFileToUrl = (file: File) => URL.createObjectURL(file);
+
+// FORMAT DATE TIME
+export const formatDateTime = (dateString: Date | string) => {
+ const dateTimeOptions: Intl.DateTimeFormatOptions = {
+ // weekday: "short", // abbreviated weekday name (e.g., 'Mon')
+ month: "short", // abbreviated month name (e.g., 'Oct')
+ day: "numeric", // numeric day of the month (e.g., '25')
+ year: "numeric", // numeric year (e.g., '2023')
+ hour: "numeric", // numeric hour (e.g., '8')
+ minute: "numeric", // numeric minute (e.g., '30')
+ hour12: true, // use 12-hour clock (true) or 24-hour clock (false)
+ };
+
+ const dateDayOptions: Intl.DateTimeFormatOptions = {
+ weekday: "short", // abbreviated weekday name (e.g., 'Mon')
+ year: "numeric", // numeric year (e.g., '2023')
+ month: "2-digit", // abbreviated month name (e.g., 'Oct')
+ day: "2-digit", // numeric day of the month (e.g., '25')
+ };
+
+ const dateOptions: Intl.DateTimeFormatOptions = {
+ month: "short", // abbreviated month name (e.g., 'Oct')
+ year: "numeric", // numeric year (e.g., '2023')
+ day: "numeric", // numeric day of the month (e.g., '25')
+ };
+
+ const timeOptions: Intl.DateTimeFormatOptions = {
+ hour: "numeric", // numeric hour (e.g., '8')
+ minute: "numeric", // numeric minute (e.g., '30')
+ hour12: true, // use 12-hour clock (true) or 24-hour clock (false)
+ };
+
+ const formattedDateTime: string = new Date(dateString).toLocaleString(
+ "en-US",
+ dateTimeOptions,
+ );
+
+ const formattedDateDay: string = new Date(dateString).toLocaleString(
+ "en-US",
+ dateDayOptions,
+ );
+
+ const formattedDate: string = new Date(dateString).toLocaleString(
+ "en-US",
+ dateOptions,
+ );
+
+ const formattedTime: string = new Date(dateString).toLocaleString(
+ "en-US",
+ timeOptions,
+ );
+
+ return {
+ dateTime: formattedDateTime,
+ dateDay: formattedDateDay,
+ dateOnly: formattedDate,
+ timeOnly: formattedTime,
+ };
+};
+
+export function encryptKey(passkey: string) {
+ return btoa(passkey);
+}
+
+export function decryptKey(passkey: string) {
+ return atob(passkey);
+}
diff --git a/package.json b/package.json
index 364eefd425..c0dd46c781 100644
--- a/package.json
+++ b/package.json
@@ -5,15 +5,21 @@
"@nextui-org/theme": "2.2.5",
"@react-aria/ssr": "3.9.4",
"@react-aria/visually-hidden": "3.8.12",
- "clsx": "2.1.1",
+ "@tanstack/react-table": "^8.19.3",
+ "class-variance-authority": "^0.7.0",
+ "clsx": "^2.1.1",
"date-fns": "^3.6.0",
"framer-motion": "~11.1.1",
"intl-messageformat": "^10.5.0",
+ "lucide-react": "^0.417.0",
"next": "14.2.3",
"next-themes": "^0.2.1",
"react": "18.3.1",
"react-dom": "18.3.1",
- "swr": "^2.2.5"
+ "server-only": "^0.0.1",
+ "swr": "^2.2.5",
+ "tailwind-merge": "^2.4.0",
+ "tailwindcss-animate": "^1.0.7"
},
"devDependencies": {
"@iconify/react": "^5.0.1",
diff --git a/types/components.ts b/types/components.ts
index c9b078e314..994adf02a2 100644
--- a/types/components.ts
+++ b/types/components.ts
@@ -8,3 +8,30 @@ export type IconProps = {
icon: React.FC;
style?: React.CSSProperties;
};
+
+export interface ProviderProps {
+ id: string;
+ type: "providers";
+ attributes: {
+ provider: "aws" | "azure" | "gcp";
+ provider_id: string;
+ alias: string;
+ status: "completed" | "pending" | "cancelled";
+ resources: number;
+ connection: {
+ connected: boolean;
+ last_checked_at: string;
+ };
+ scanner_args: {
+ only_logs: boolean;
+ excluded_checks: string[];
+ aws_retries_max_attempts: number;
+ };
+ inserted_at: string;
+ updated_at: string;
+ created_by: {
+ object: string;
+ id: string;
+ };
+ };
+}
diff --git a/utils/capitalize.ts b/utils/capitalize.ts
deleted file mode 100644
index 9996d36f81..0000000000
--- a/utils/capitalize.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export function capitalize(str: string): string {
- return str.charAt(0).toUpperCase() + str.slice(1);
-}
diff --git a/utils/fetcher.tsx b/utils/fetcher.tsx
deleted file mode 100644
index 50b047c9ad..0000000000
--- a/utils/fetcher.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export const fetcher = (url: string) => fetch(url).then((res) => res.json());