scottk/twenty
1
0
Fork 0
mirror of https://github.com/lingble/twenty.git synced 2025-10-30 20:27:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: Center Functions Empty state (#7378)

Browse Source 
## Description
- This PR fix #7012
- It changes the logic behind the rendering of `SettingsPageContainer`
component. Now, the component is only rendered when the page content is
not blank.
## Changes
| Before | After |
|--------|--------|
|
![image](https://github.com/user-attachments/assets/98b64370-f145-41a2-a829-f86ae9687f73)
|
![image](https://github.com/user-attachments/assets/4cb0cc32-a669-4151-9444-4bc734bd2909)
|

<details><summary>Details</summary>
<p>
This change aligns the behavior of the settings page with the existing
logic found on the `/rockets` page
<img
src="https://github.com/user-attachments/assets/d2b80fbc-83e4-4823-a708-6775e19a153a"/>
</p>
</details>

Co-authored-by: Charles Bochet <charles@twenty.com>
This commit is contained in:
Gabriel Utzig
2024-10-04 20:23:02 -03:00
committed by GitHub
parent 23e7958218
commit c73feb513a
2 changed files with 26 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
packages/twenty-front/src/modules/settings/serverless-functions/components/SettingsServerlessFunctionsTable.tsx
View File

@@ -1,3 +1,4 @@
import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer';
import { SettingsServerlessFunctionsFieldItemTableRow } from '@/settings/serverless-functions/components/SettingsServerlessFunctionsFieldItemTableRow'; import { SettingsServerlessFunctionsFieldItemTableRow } from '@/settings/serverless-functions/components/SettingsServerlessFunctionsFieldItemTableRow';
import { SettingsServerlessFunctionsTableEmpty } from '@/settings/serverless-functions/components/SettingsServerlessFunctionsTableEmpty'; import { SettingsServerlessFunctionsTableEmpty } from '@/settings/serverless-functions/components/SettingsServerlessFunctionsTableEmpty';
import { useGetManyServerlessFunctions } from '@/settings/serverless-functions/hooks/useGetManyServerlessFunctions'; import { useGetManyServerlessFunctions } from '@/settings/serverless-functions/hooks/useGetManyServerlessFunctions';
@@ -24,6 +25,7 @@ export const SettingsServerlessFunctionsTable = () => {
return ( return (
<> <>
{serverlessFunctions.length ? ( {serverlessFunctions.length ? (
<SettingsPageContainer>
<Table> <Table>
<StyledTableRow> <StyledTableRow>
<TableHeader>Name</TableHeader> <TableHeader>Name</TableHeader>
@@ -44,6 +46,7 @@ export const SettingsServerlessFunctionsTable = () => {
)} )}
</StyledTableBody> </StyledTableBody>
</Table> </Table>
</SettingsPageContainer>
) : ( ) : (
<SettingsServerlessFunctionsTableEmpty /> <SettingsServerlessFunctionsTableEmpty />
)} )}

3
packages/twenty-front/src/pages/settings/serverless-functions/SettingsServerlessFunctions.tsx
View File

@@ -1,4 +1,3 @@
import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer';
import { SettingsServerlessFunctionsTable } from '@/settings/serverless-functions/components/SettingsServerlessFunctionsTable'; import { SettingsServerlessFunctionsTable } from '@/settings/serverless-functions/components/SettingsServerlessFunctionsTable';
import { getSettingsPagePath } from '@/settings/utils/getSettingsPagePath'; import { getSettingsPagePath } from '@/settings/utils/getSettingsPagePath';
import { SettingsPath } from '@/types/SettingsPath'; import { SettingsPath } from '@/types/SettingsPath';
@@ -35,11 +34,9 @@ export const SettingsServerlessFunctions = () => {
}, },
]} ]}
> >
<SettingsPageContainer>
<Section> <Section>
<SettingsServerlessFunctionsTable /> <SettingsServerlessFunctionsTable />
</Section> </Section>
</SettingsPageContainer>
</SubMenuTopBarContainer> </SubMenuTopBarContainer>
); );
}; };