feat: update table props

DistributedCollective · Oct 26, 2023 · 0124db5 · 0124db5
1 parent a2f90bc
commit 0124db5
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 7 deletions.
diff --git a/apps/frontend/src/app/5_pages/LendPage/components/LendFrame/LendFrame.tsx b/apps/frontend/src/app/5_pages/LendPage/components/LendFrame/LendFrame.tsx
@@ -33,7 +33,7 @@ export const LendFrame: FC = () => {
           expandedContent={pool => <LendFrameDetails pool={pool} />}
           expandedClassNames="border border-gray-70 border-t-0"
           preventExpandOnClickClass="prevent-row-click"
-          rowSubTitle={generateRowSubTitle}
+          subtitleRenderer={generateRowSubTitle}
         />
       </div>
     </div>

diff --git a/packages/ui/src/2_molecules/Table/Table.types.ts b/packages/ui/src/2_molecules/Table/Table.types.ts
@@ -35,7 +35,7 @@ export type TableProps<RowType extends RowObject> = {
   preventExpandOnClickClass?: string;
   mobileRenderer?: (row: RowType) => ReactNode;
   hideHeader?: boolean;
-  rowSubTitle?: (row: RowType) => ReactNode;
+  subtitleRenderer?: (row: RowType) => ReactNode;
 };
 
 export enum OrderDirection {

diff --git a/packages/ui/src/2_molecules/Table/components/TableMobile/TableMobile.tsx b/packages/ui/src/2_molecules/Table/components/TableMobile/TableMobile.tsx
@@ -19,7 +19,7 @@ export const TableMobile = <RowType extends RowObject>({
   className,
   expandedContent,
   mobileRenderer,
-  rowSubTitle,
+  subtitleRenderer,
 }: TableProps<RowType>) => (
   <div className={classNames(styles.wrapper, className)}>
     {rows &&
@@ -34,7 +34,7 @@ export const TableMobile = <RowType extends RowObject>({
           dataAttribute={dataAttribute}
           expandedContent={expandedContent}
           renderer={mobileRenderer}
-          subTitle={rowSubTitle?.(row)}
+          subtitleRenderer={subtitleRenderer}
         />
       ))}
 

diff --git a/packages/ui/src/2_molecules/Table/components/TableMobile/components/TableMobileRow.tsx b/packages/ui/src/2_molecules/Table/components/TableMobile/components/TableMobileRow.tsx
@@ -14,7 +14,7 @@ type TableMobileRowProps<RowType extends RowObject> = {
   title: ReactNode;
   expandedContent?: (row: RowType) => ReactNode;
   renderer?: (row: RowType) => ReactNode;
-  subTitle?: ReactNode;
+  subtitleRenderer?: (row: RowType) => ReactNode;
 };
 
 export const TableMobileRow = <RowType extends RowObject>({
@@ -25,7 +25,7 @@ export const TableMobileRow = <RowType extends RowObject>({
   title,
   expandedContent,
   renderer,
-  subTitle,
+  subtitleRenderer,
 }: TableMobileRowProps<RowType>) => {
   const [open, setOpen] = useState(false);
 
@@ -63,7 +63,7 @@ export const TableMobileRow = <RowType extends RowObject>({
           {renderer && renderer(row)}
         </div>
       </Accordion>
-      {!open && subTitle}
+      {!open && subtitleRenderer && subtitleRenderer(row)}
     </>
   );
 };