Table placeholder

plgd-dev · Apr 26, 2024 · 8703994 · 8703994
1 parent 0345060
commit 8703994
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 0 deletions.
diff --git a/src/components/Atomic/TableNew/Table.styles.ts b/src/components/Atomic/TableNew/Table.styles.ts
@@ -190,3 +190,5 @@ export const isSelected = (theme: ThemeType) => css`
         }
     }
 `
+
+export const placeholder = css``
diff --git a/src/components/Atomic/TableNew/Table.tsx b/src/components/Atomic/TableNew/Table.tsx
@@ -317,6 +317,7 @@ const Table: FC<Props> = (props) => {
                             {/*        })}*/}
                         </tbody>
                     </table>
+                    {i18n.placeholder && data.length === 0 && <div css={styles.placeholder}>{i18n.placeholder}</div>}
                 </ConditionalWrapper>
             </div>
             {enablePagination && renderPagination()}

diff --git a/src/components/Atomic/TableNew/Table.types.ts b/src/components/Atomic/TableNew/Table.types.ts
@@ -33,6 +33,7 @@ export type Props = {
     hideHeader?: boolean
     i18n: {
         search: string
+        placeholder?: string
     }
     id?: string
     getCellProps?: (data: any) => void

diff --git a/src/components/Organisms/CaPool/CaPool.tsx b/src/components/Organisms/CaPool/CaPool.tsx
@@ -123,6 +123,7 @@ const CaPool: FC<Props> = (props) => {
                 hideHeader={true}
                 i18n={{
                     search: i18n.search,
+                    placeholder: i18n?.placeholder,
                 }}
                 showFilterButton={false}
             />

diff --git a/src/components/Organisms/CaPool/CaPool.types.ts b/src/components/Organisms/CaPool/CaPool.types.ts
@@ -9,6 +9,7 @@ export type Props = {
         delete: string
         download: string
         edit: string
+        placeholder?: string
         search: string
         showMore: string
         update: string
-Original file line number
+Diff line change
@@ Expand Up / @@ -190,3 +190,5 @@ export const isSelected = (theme: ThemeType) => css` @@
             }
         }
     `
+    export const placeholder = css``