Created
December 8, 2022 18:06
-
-
Save salemhilal/896cad57ff6f6e4b3c17f38b80e22723 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| diff --git a/src/components/customer/CustomerPageContainer.tsx b/src/components/customer/CustomerPageContainer.tsx | |
| index b23eb1e5..422774ce 100644 | |
| --- a/src/components/customer/CustomerPageContainer.tsx | |
| +++ b/src/components/customer/CustomerPageContainer.tsx | |
| @@ -67,24 +67,28 @@ const CustomerPageContainer = () => { | |
| <GridItem | |
| colSpan={{ sm: 12, md: 6, lg: 4 }} | |
| rowSpan={{ md: 'auto', lg: 6 }} | |
| + maxW="full" | |
| > | |
| <CustomerDetailsContactCard customer={customer} /> | |
| </GridItem> | |
| <GridItem | |
| colSpan={{ sm: 12, md: 6, lg: 3 }} | |
| rowSpan={{ md: 'auto', lg: 12 }} | |
| + maxW="full" | |
| > | |
| <CustomerRevenueModule /> | |
| </GridItem> | |
| <GridItem | |
| colSpan={{ sm: 12, md: 12, lg: 5 }} | |
| rowSpan={{ md: 'auto', lg: 12 }} | |
| + maxW="full" | |
| > | |
| <CustomerUsageModuleFetcher /> | |
| </GridItem> | |
| <GridItem | |
| colSpan={{ sm: 12, md: 12, lg: 4 }} | |
| rowSpan={{ md: 'auto', lg: 18 }} | |
| + maxW="full" | |
| > | |
| <VStack spacing={5}> | |
| <CustomerDrilldownSubscriptionModule customer={customer} /> | |
| @@ -96,6 +100,7 @@ const CustomerPageContainer = () => { | |
| colSpan={{ sm: 12, md: 12, lg: 8 }} | |
| rowSpan={{ md: 'auto', lg: 12 }} | |
| minHeight={'300px'} | |
| + maxW="full" | |
| > | |
| <CustomerTableCard customerName={customer.name} /> | |
| </GridItem> | |
| diff --git a/src/components/customer/overview/AllCustomersPageAnalysisSection.tsx b/src/components/customer/overview/AllCustomersPageAnalysisSection.tsx | |
| index 670ccefe..a6489783 100644 | |
| --- a/src/components/customer/overview/AllCustomersPageAnalysisSection.tsx | |
| +++ b/src/components/customer/overview/AllCustomersPageAnalysisSection.tsx | |
| @@ -1,15 +1,29 @@ | |
| import { GridItem } from '@chakra-ui/react'; | |
| -import React from 'react'; | |
| -import AllCustomersPageAnalysisStats from 'components/customer/overview/AllCustomersPageAnalysisStats'; | |
| import AllCustomersUsageModule from 'components/customer/overview/AllCustomersUsageModule'; | |
| +import AllCustomersPageCustomerStatsFetcher from 'components/customer/overview/AllCustomersPageCustomerStatsFetcher'; | |
| +import CustomerRevenueOverviewModule from 'components/customer/overview/CustomerRevenueOverviewModule'; | |
| const AllCustomersPageAnalysisSection = (): JSX.Element => { | |
| return ( | |
| <> | |
| - <AllCustomersPageAnalysisStats /> | |
| <GridItem | |
| - colSpan={{ sm: 12, md: 12, lg: 7 }} | |
| + colSpan={{ sm: 12, md: 6, lg: 6, xl: 2 }} | |
| rowSpan={{ md: 'auto', lg: 8 }} | |
| + maxW="full" | |
| + > | |
| + <AllCustomersPageCustomerStatsFetcher /> | |
| + </GridItem> | |
| + <GridItem | |
| + colSpan={{ sm: 12, md: 6, lg: 6, xl: 3 }} | |
| + rowSpan={{ md: 'auto', lg: 8 }} | |
| + maxW="full" | |
| + > | |
| + <CustomerRevenueOverviewModule /> | |
| + </GridItem> | |
| + <GridItem | |
| + colSpan={{ sm: 12, md: 12, lg: 12, xl: 7 }} | |
| + rowSpan={{ md: 'auto', lg: 8 }} | |
| + maxW="full" | |
| > | |
| <AllCustomersUsageModule /> | |
| </GridItem> | |
| diff --git a/src/components/customer/overview/AllCustomersPageContainer.tsx b/src/components/customer/overview/AllCustomersPageContainer.tsx | |
| index 66c1d770..d7e47c88 100644 | |
| --- a/src/components/customer/overview/AllCustomersPageContainer.tsx | |
| +++ b/src/components/customer/overview/AllCustomersPageContainer.tsx | |
| @@ -25,7 +25,7 @@ const AllCustomersPageContainer = (): JSX.Element => { | |
| templateColumns="repeat(12, 1fr)" | |
| > | |
| <AllCustomersPageAnalysisSection /> | |
| - <GridItem colSpan={12} rowSpan={7} minHeight={'300px'}> | |
| + <GridItem colSpan={12} rowSpan={7} minHeight="300px" maxW="100%"> | |
| <CardModule flex="grow" h="inherit" minH="full"> | |
| <TablePaginationComponent /> | |
| </CardModule> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment