From 917fc5bd4db651b0788f71043e800058b8ff041a Mon Sep 17 00:00:00 2001 From: bosiraphael <71827178+bosiraphael@users.noreply.github.com> Date: Fri, 9 Feb 2024 15:29:11 +0100 Subject: [PATCH] 3811 add accounts loader (#3829) * rename exports * rename exports * fix css * done * updating image --- .../background/loading_accounts_bg.png | Bin 0 -> 6615 bytes .../moving-image/loading_accounts.png | Bin 0 -> 10964 bytes .../emails/components/EmailLoader.tsx | 18 +++++---- .../emails/components/EmailThreads.tsx | 24 ++++++------ .../files/components/Attachments.tsx | 24 ++++++------ .../activities/notes/components/Notes.tsx | 24 ++++++------ .../tasks/components/TaskGroups.tsx | 22 +++++------ .../timeline/components/Timeline.tsx | 24 ++++++------ .../components/GenericErrorFallback.tsx | 24 +++++++----- .../components/RecordTableWithWrappers.tsx | 24 ++++++------ ...ttingsAccountsConnectedAccountsSection.tsx | 21 +++------- .../components/EmptyPlaceholderStyled.tsx | 16 ++++++-- .../components/ErrorPlaceholderStyled.tsx | 16 ++++++-- .../constants/AnimatedImages.ts | 2 + .../ui/layout/page/SubMenuTopBarContainer.tsx | 4 +- .../src/pages/not-found/NotFound.tsx | 24 ++++++------ .../accounts/SettingsAccountLoader.tsx | 19 +++++++++ .../settings/accounts/SettingsAccounts.tsx | 36 ++++++++++++++++-- 18 files changed, 198 insertions(+), 124 deletions(-) create mode 100644 packages/twenty-front/public/images/placeholders/background/loading_accounts_bg.png create mode 100644 packages/twenty-front/public/images/placeholders/moving-image/loading_accounts.png create mode 100644 packages/twenty-front/src/pages/settings/accounts/SettingsAccountLoader.tsx diff --git a/packages/twenty-front/public/images/placeholders/background/loading_accounts_bg.png b/packages/twenty-front/public/images/placeholders/background/loading_accounts_bg.png new file mode 100644 index 0000000000000000000000000000000000000000..a7230c59c8ff51bf8a102f789ecbda0e0bb338f0 GIT binary patch literal 6615 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 O>d?~Ae~whMi~Jv9Qti+H literal 0 HcmV?d00001 diff --git a/packages/twenty-front/public/images/placeholders/moving-image/loading_accounts.png b/packages/twenty-front/public/images/placeholders/moving-image/loading_accounts.png new file mode 100644 index 0000000000000000000000000000000000000000..f24734e307a95981920eb615d26ff02a5dee2f6e GIT binary patch literal 10964 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 ( - + - - {loadingText || 'Loading emails'} + + + {loadingText || 'Loading emails'} + - - + + ); diff --git a/packages/twenty-front/src/modules/activities/emails/components/EmailThreads.tsx b/packages/twenty-front/src/modules/activities/emails/components/EmailThreads.tsx index f4edce412..e72bd7f3e 100644 --- a/packages/twenty-front/src/modules/activities/emails/components/EmailThreads.tsx +++ b/packages/twenty-front/src/modules/activities/emails/components/EmailThreads.tsx @@ -20,10 +20,10 @@ import { import { useSnackBar } from '@/ui/feedback/snack-bar-manager/hooks/useSnackBar'; import AnimatedPlaceholder from '@/ui/layout/animated-placeholder/components/AnimatedPlaceholder'; import { - StyledEmptyContainer, - StyledEmptySubTitle, - StyledEmptyTextContainer, - StyledEmptyTitle, + AnimatedPlaceholderEmptyContainer, + AnimatedPlaceholderEmptySubTitle, + AnimatedPlaceholderEmptyTextContainer, + AnimatedPlaceholderEmptyTitle, } from '@/ui/layout/animated-placeholder/components/EmptyPlaceholderStyled'; import { Card } from '@/ui/layout/card/components/Card'; import { Section } from '@/ui/layout/section/components/Section'; @@ -155,15 +155,17 @@ export const EmailThreads = ({ if (!firstQueryLoading && !timelineThreads?.length) { return ( - + - - Empty Inbox - + + + Empty Inbox + + No email exchange has occurred with this record yet. - - - + + + ); } diff --git a/packages/twenty-front/src/modules/activities/files/components/Attachments.tsx b/packages/twenty-front/src/modules/activities/files/components/Attachments.tsx index 2f61f1c1e..d13871b40 100644 --- a/packages/twenty-front/src/modules/activities/files/components/Attachments.tsx +++ b/packages/twenty-front/src/modules/activities/files/components/Attachments.tsx @@ -11,10 +11,10 @@ import { IconPlus } from '@/ui/display/icon'; import { Button } from '@/ui/input/button/components/Button'; import AnimatedPlaceholder from '@/ui/layout/animated-placeholder/components/AnimatedPlaceholder'; import { - StyledEmptyContainer, - StyledEmptySubTitle, - StyledEmptyTextContainer, - StyledEmptyTitle, + AnimatedPlaceholderEmptyContainer, + AnimatedPlaceholderEmptySubTitle, + AnimatedPlaceholderEmptyTextContainer, + AnimatedPlaceholderEmptyTitle, } from '@/ui/layout/animated-placeholder/components/EmptyPlaceholderStyled'; const StyledAttachmentsContainer = styled.div` @@ -66,14 +66,16 @@ export const Attachments = ({ onUploadFile={onUploadFile} /> ) : ( - + - - No Files - + + + No Files + + There are no associated files with this record. - - + + - + )} ); diff --git a/packages/twenty-front/src/modules/activities/notes/components/Notes.tsx b/packages/twenty-front/src/modules/activities/notes/components/Notes.tsx index 1b6e0010d..c55bd2fb7 100644 --- a/packages/twenty-front/src/modules/activities/notes/components/Notes.tsx +++ b/packages/twenty-front/src/modules/activities/notes/components/Notes.tsx @@ -8,10 +8,10 @@ import { IconPlus } from '@/ui/display/icon'; import { Button } from '@/ui/input/button/components/Button'; import AnimatedPlaceholder from '@/ui/layout/animated-placeholder/components/AnimatedPlaceholder'; import { - StyledEmptyContainer, - StyledEmptySubTitle, - StyledEmptyTextContainer, - StyledEmptyTitle, + AnimatedPlaceholderEmptyContainer, + AnimatedPlaceholderEmptySubTitle, + AnimatedPlaceholderEmptyTextContainer, + AnimatedPlaceholderEmptyTitle, } from '@/ui/layout/animated-placeholder/components/EmptyPlaceholderStyled'; const StyledNotesContainer = styled.div` @@ -33,14 +33,16 @@ export const Notes = ({ if (notes?.length === 0) { return ( - + - - No notes - + + + No notes + + There are no associated notes with this record. - - + +