chore(databases-collections-list): add padding, fix lint

Author: Anemy

packages/databases-collections-list/src/collections.tsx

@@ -72,7 +72,7 @@ const pageContainerStyles = css({
 const CollectionsList: React.FunctionComponent<{
   namespace: string;
   collections: CollectionProps[];
-  onCollectionClick(id: string): void;
+  onCollectionClick: (id: string) => void;
   onDeleteCollectionClick?: (id: string) => void;
   onCreateCollectionClick?: () => void;
   onRefreshClick?: () => void;

packages/databases-collections-list/src/databases.tsx

@@ -17,7 +17,7 @@ const DATABASE_CARD_LIST_WITHOUT_STATS_HEIGHT = DATABASE_CARD_LIST_HEIGHT - 50;
 
 const DatabasesList: React.FunctionComponent<{
   databases: DatabaseProps[];
-  onDatabaseClick(id: string): void;
+  onDatabaseClick: (id: string) => void;
   onDeleteDatabaseClick?: (id: string) => void;
   onCreateDatabaseClick?: () => void;
   onRefreshClick?: () => void;

packages/databases-collections-list/src/items-grid.tsx

@@ -28,6 +28,7 @@ const rowStyles = css({
   paddingLeft: spacing[400],
   paddingRight: spacing[400],
   paddingBottom: spacing[200],
+  // paddingTop: spacing[100],
   columnGap: spacing[200],
 });
 
@@ -44,12 +45,17 @@ const containerStyles = css({
   outline: 'none',
 });
 
+const gridStyles = {
+  container: containerStyles,
+  row: rowStyles,
+};
+
 export const createButtonStyles = css({
   whiteSpace: 'nowrap',
 });
 
 type CallbackProps = {
-  onItemClick(id: string): void;
+  onItemClick: (id: string) => void;
   onCreateItemClick?: () => void;
   onDeleteItemClick?: (id: string) => void;
 };
@@ -76,7 +82,7 @@ type ItemsGridProps<T> = {
   itemListHeight?: number;
   items: T[];
   sortBy?: { name: Extract<keyof T, string>; label: string }[];
-  onItemClick(id: string): void;
+  onItemClick: (id: string) => void;
   onDeleteItemClick?: (id: string) => void;
   onCreateItemClick?: () => void;
   onRefreshClick?: () => void;
@@ -369,7 +375,7 @@ export const ItemsGrid = <T extends Item>({
               }}
               headerHeight={0}
               itemKey={(index: number) => sortedItems[index]._id}
-              classNames={{ container: containerStyles, row: rowStyles }}
+              classNames={gridStyles}
               resetActiveItemOnBlur={false}
               data-testid={`${itemType}-grid`}
             ></VirtualGrid>

packages/databases-collections-list/src/namespace-card.tsx

@@ -192,7 +192,7 @@ export type NamespaceItemCardProps = {
   data: DataProp[];
   badges?: BadgeProp[] | null;
   inferredFromPrivileges: boolean;
-  onItemClick(id: string): void;
+  onItemClick: (id: string) => void;
   onItemDeleteClick?: (id: string) => void;
 };