EmployeeWebClient - make table styles more consistent

bartstc · Oct 31, 2022 · 6913463 · 6913463
1 parent 88adf36
commit 6913463
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 5 deletions.
diff --git a/...e-web-client/src/modules/offers/presentation/OffersCollection/OffersCollectionToolbox.tsx b/...e-web-client/src/modules/offers/presentation/OffersCollection/OffersCollectionToolbox.tsx
@@ -10,6 +10,7 @@ import { Button, IconButton } from 'shared/Button';
 import { Icon } from 'shared/Icon';
 import { Confirm } from 'shared/Confirm';
 import { TableConfigButton } from 'shared/GridTable';
+import { CollectionPanel } from 'shared/Collection';
 
 import { useNotImplementedYet } from 'hooks';
 
@@ -37,7 +38,7 @@ const OffersCollectionToolbox = () => {
  }
 
  return (
- <HStack minH='56px' justify='space-between' w='100%'>
+ <CollectionPanel>
  <FiltersInput
  placeholder={`${formatMessage({
  id: 'search-employee-name-or-position',
@@ -58,7 +59,7 @@ const OffersCollectionToolbox = () => {
  </>
  )}
  </HStack>
- </HStack>
+ </CollectionPanel>
  );
 };
 

diff --git a/employee-web-client/src/pages/Offers/index.tsx b/employee-web-client/src/pages/Offers/index.tsx
@@ -1,20 +1,20 @@
 import React from 'react';
-import { VStack } from '@chakra-ui/react';
 
 import { PageContainer } from 'shared/Layout/Page';
 import { OffersCollection } from 'modules/offers/presentation';
 
 import { Header } from './Header';
 import { OffersCollectionToolbox } from '../../modules/offers/presentation/OffersCollection/OffersCollectionToolbox';
+import { CollectionContainer } from '../../shared/Collection';
 
 const Offers = () => {
  return (
  <PageContainer>
  <Header />
- <VStack w='100%' maxW='1200px' pb={{ base: 4, md: 10 }}>
+ <CollectionContainer>
  <OffersCollectionToolbox />
  <OffersCollection />
- </VStack>
+ </CollectionContainer>
  </PageContainer>
  );
 };

diff --git a/employee-web-client/src/shared/GridTable/HeaderCell.tsx b/employee-web-client/src/shared/GridTable/HeaderCell.tsx
@@ -38,6 +38,7 @@ const SortableCell = ({ children, name, isNumeric, withTooltip = true, ...props
  return (
  <HStack
  isTruncated
+ textTransform='uppercase'
  fontWeight='600'
  p='0.7rem 0.5rem'
  pr={isNumeric ? '1rem' : '0.5rem'}
@@ -81,6 +82,7 @@ const Cell = ({ children, name, isNumeric, withTooltip = true, ...props }: ICell
  return (
  <HStack
  isTruncated
+ textTransform='uppercase'
  fontWeight='600'
  p='0.7rem 0.5rem'
  minH='57px'