admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Serverless function UI (#6388)

Browse Source 
https://www.figma.com/design/xt8O9mFeLl46C5InWwoMrN/Twenty?node-id=36235-120877

Did not do the file manager part. A Function is defined using one unique
file at the moment

Feature protected by featureFlag `IS_FUNCTION_SETTINGS_ENABLED`

## Demo


https://github.com/user-attachments/assets/0acb8291-47b4-4521-a6fa-a88b9198609b
This commit is contained in:
martmull
2024-07-29 13:03:09 +02:00
committed by GitHub
parent 936279f895
commit 00fea17920
100 changed files with 2283 additions and 121 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
packages/twenty-front/src/modules/ui/layout/animated-placeholder/constants/Background.ts
View File

@ -8,6 +8,7 @@ export const BACKGROUND: Record<string, string> = {
emptyTimeline: '/images/placeholders/background/empty_timeline_bg.png',
loadingMessages: '/images/placeholders/background/loading_messages_bg.png',
loadingAccounts: '/images/placeholders/background/loading_accounts_bg.png',
emptyFunctions: '/images/placeholders/background/empty_functions_bg.png',
emptyInbox: '/images/placeholders/background/empty_inbox_bg.png',
error404: '/images/placeholders/background/404_bg.png',
error500: '/images/placeholders/background/500_bg.png',

1
packages/twenty-front/src/modules/ui/layout/animated-placeholder/constants/DarkBackground.ts
View File

@ -11,4 +11,5 @@ export const DARK_BACKGROUND: Record<string, string> = {
error500: '/images/placeholders/dark-background/500_bg.png',
loadingMessages: '/images/placeholders/background/loading_messages_bg.png',
loadingAccounts: '/images/placeholders/background/loading_accounts_bg.png',
emptyFunctions: '/images/placeholders/dark-background/empty_functions_bg.png',
};

1
packages/twenty-front/src/modules/ui/layout/animated-placeholder/constants/DarkMovingImage.ts
View File

@ -11,4 +11,5 @@ export const DARK_MOVING_IMAGE: Record<string, string> = {
error500: '/images/placeholders/dark-moving-image/500.png',
loadingMessages: '/images/placeholders/moving-image/loading_messages.png',
loadingAccounts: '/images/placeholders/moving-image/loading_accounts.png',
emptyFunctions: '/images/placeholders/dark-moving-image/empty_functions.png',
};

1
packages/twenty-front/src/modules/ui/layout/animated-placeholder/constants/MovingImage.ts
View File

@ -8,6 +8,7 @@ export const MOVING_IMAGE: Record<string, string> = {
emptyTimeline: '/images/placeholders/moving-image/empty_timeline.png',
loadingMessages: '/images/placeholders/moving-image/loading_messages.png',
loadingAccounts: '/images/placeholders/moving-image/loading_accounts.png',
emptyFunctions: '/images/placeholders/moving-image/empty_functions.png',
emptyInbox: '/images/placeholders/moving-image/empty_inbox.png',
error404: '/images/placeholders/moving-image/404.png',
error500: '/images/placeholders/moving-image/500.png',

10
packages/twenty-front/src/modules/ui/layout/tab/components/TabList.tsx
View File

@ -22,6 +22,7 @@ type TabListProps = {
tabListId: string;
tabs: SingleTabProps[];
loading?: boolean;
className?: string;
};
const StyledContainer = styled.div`
@ -34,7 +35,12 @@ const StyledContainer = styled.div`
user-select: none;
`;
export const TabList = ({ tabs, tabListId, loading }: TabListProps) => {
export const TabList = ({
tabs,
tabListId,
loading,
className,
}: TabListProps) => {
const initialActiveTabId = tabs.find((tab) => !tab.hide)?.id || '';
const { activeTabIdState, setActiveTabId } = useTabList(tabListId);
@ -48,7 +54,7 @@ export const TabList = ({ tabs, tabListId, loading }: TabListProps) => {
return (
<TabListScope tabListScopeId={tabListId}>
<ScrollWrapper hideY>
<StyledContainer>
<StyledContainer className={className}>
{tabs
.filter((tab) => !tab.hide)
.map((tab) => (