Docker/portainer
Docker/portainer
1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-07-20 05:49:40 +02:00
Code Issues Releases Activity

refactor(docker/stacks): migrate table to react [EE-4705] (#9956)

Browse source
This commit is contained in:
Chaim Lev-Ari 2023-09-07 15:59:59 +01:00 • committed by GitHub
parent c3d266931f
commit c8a1f0fa77
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
43 changed files with 1127 additions and 492 deletions
Download patch file Download diff file Expand all files Collapse all files

10
app/react/components/datatables/TableHeaderCell.tsx
View file

@ -1,7 +1,6 @@
import clsx from 'clsx';
import { CSSProperties, PropsWithChildren, ReactNode } from 'react';
import styles from './TableHeaderCell.module.css';
import { TableHeaderSortIcons } from './TableHeaderSortIcons';
interface Props {
@ -67,8 +66,7 @@ function SortWrapper({
onClick={() => onClick(!isSortedDesc)}
className={clsx(
'!ml-0 h-full border-none !bg-transparent !px-0 focus:border-none',
styles.sortable,
isSorted && styles.sortingActive
!isSorted && 'group'
)}
>
<div className="flex h-full w-full flex-row items-center justify-start">
@ -82,7 +80,7 @@ function SortWrapper({
);
}
interface TableColumnHeaderAngularProps {
export interface TableColumnHeaderAngularProps {
colTitle: string;
canSort: boolean;
isSorted?: boolean;
@ -94,7 +92,8 @@ export function TableColumnHeaderAngular({
isSorted,
colTitle,
isSortedDesc = true,
}: TableColumnHeaderAngularProps) {
children,
}: PropsWithChildren<TableColumnHeaderAngularProps>) {
return (
<div className="flex h-full flex-row flex-nowrap">
<SortWrapper
@ -103,6 +102,7 @@ export function TableColumnHeaderAngular({
isSortedDesc={isSortedDesc}
>
{colTitle}
{children}
</SortWrapper>
</div>
);