refactor: rename components

twentyhq · Feb 21, 2024 · 4f4ca5c · 4f4ca5c
1 parent fd11603
commit 4f4ca5c
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 16 deletions.
diff --git a/...ront/src/modules/settings/accounts/components/SettingsAccountsCalendarSettingsSection.tsx b/...ront/src/modules/settings/accounts/components/SettingsAccountsCalendarSettingsSection.tsx
@@ -4,11 +4,11 @@ import { ConnectedAccount } from '@/accounts/types/ConnectedAccount';
 import { currentWorkspaceMemberState } from '@/auth/states/currentWorkspaceMemberState';
 import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSingular';
 import { useFindManyRecords } from '@/object-record/hooks/useFindManyRecords';
-import { SettingsAccountsSkeletonCard } from '@/settings/accounts/components/SettingsAccountsSkeletonCard';
+import { SettingsAccountsListSkeletonCard } from '@/settings/accounts/components/SettingsAccountsSkeletonCard';
 import { H2Title } from '@/ui/display/typography/components/H2Title';
 import { Section } from '@/ui/layout/section/components/Section';
 
-import { SettingsAccountsEmptyStateCard } from './SettingsAccountsEmptyStateCard';
+import { SettingsAccountsListEmptyStateCard } from './SettingsAccountsEmptyStateCard';
 
 export const SettingsAccountsCalendarSettingsSection = () => {
   const currentWorkspaceMember = useRecoilValue(currentWorkspaceMemberState);
@@ -30,9 +30,9 @@ export const SettingsAccountsCalendarSettingsSection = () => {
       />
 
       {loading ? (
-        <SettingsAccountsSkeletonCard />
+        <SettingsAccountsListSkeletonCard />
       ) : !accounts.length ? (
-        <SettingsAccountsEmptyStateCard />
+        <SettingsAccountsListEmptyStateCard />
       ) : null}
     </Section>
   );

diff --git a/...ont/src/modules/settings/accounts/components/SettingsAccountsConnectedAccountsSection.tsx b/...ont/src/modules/settings/accounts/components/SettingsAccountsConnectedAccountsSection.tsx
@@ -4,7 +4,7 @@ import { H2Title } from '@/ui/display/typography/components/H2Title';
 import { Section } from '@/ui/layout/section/components/Section';
 
 import { SettingsAccountsCard } from './SettingsAccountsCard';
-import { SettingsAccountsEmptyStateCard } from './SettingsAccountsEmptyStateCard';
+import { SettingsAccountsListEmptyStateCard } from './SettingsAccountsListEmptyStateCard';
 
 export const SettingsAccountsConnectedAccountsSection = ({
   accounts,
@@ -30,7 +30,7 @@ export const SettingsAccountsConnectedAccountsSection = ({
           onAccountRemove={handleAccountRemove}
         />
       ) : (
-        <SettingsAccountsEmptyStateCard />
+        <SettingsAccountsListEmptyStateCard />
       )}
     </Section>
   );

diff --git a/...enty-front/src/modules/settings/accounts/components/SettingsAccountsEmailsSyncSection.tsx b/...enty-front/src/modules/settings/accounts/components/SettingsAccountsEmailsSyncSection.tsx
@@ -5,12 +5,12 @@ import { MessageChannel } from '@/accounts/types/MessageChannel';
 import { currentWorkspaceMemberState } from '@/auth/states/currentWorkspaceMemberState';
 import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSingular';
 import { useFindManyRecords } from '@/object-record/hooks/useFindManyRecords';
-import { SettingsAccountsSkeletonCard } from '@/settings/accounts/components/SettingsAccountsSkeletonCard';
+import { SettingsAccountsListSkeletonCard } from '@/settings/accounts/components/SettingsAccountsSkeletonCard';
 import { H2Title } from '@/ui/display/typography/components/H2Title';
 import { Section } from '@/ui/layout/section/components/Section';
 
 import { SettingsAccountsEmailsCard } from './SettingsAccountsEmailsCard';
-import { SettingsAccountsEmptyStateCard } from './SettingsAccountsEmptyStateCard';
+import { SettingsAccountsListEmptyStateCard } from './SettingsAccountsEmptyStateCard';
 
 export const SettingsAccountsEmailsSyncSection = () => {
   const currentWorkspaceMember = useRecoilValue(currentWorkspaceMemberState);
@@ -52,13 +52,13 @@ export const SettingsAccountsEmailsSyncSection = () => {
       />
 
       {loading ? (
-        <SettingsAccountsSkeletonCard />
+        <SettingsAccountsListSkeletonCard />
       ) : accounts.length ? (
         <SettingsAccountsEmailsCard
           messageChannels={messageChannelsWithSyncedEmails}
         />
       ) : (
-        <SettingsAccountsEmptyStateCard />
+        <SettingsAccountsListEmptyStateCard />
       )}
     </Section>
   );

diff --git a/...onents/SettingsAccountsEmptyStateCard.tsx → ...ts/SettingsAccountsListEmptyStateCard.tsx b/...onents/SettingsAccountsEmptyStateCard.tsx → ...ts/SettingsAccountsListEmptyStateCard.tsx
@@ -20,13 +20,13 @@ const StyledBody = styled(CardContent)`
   justify-content: center;
 `;
 
-type SettingsAccountsEmptyStateCardProps = {
+type SettingsAccountsListEmptyStateCardProps = {
   label?: string;
 };
 
-export const SettingsAccountsEmptyStateCard = ({
+export const SettingsAccountsListEmptyStateCard = ({
   label,
-}: SettingsAccountsEmptyStateCardProps) => {
+}: SettingsAccountsListEmptyStateCardProps) => {
   const [generateTransientToken] = useGenerateTransientTokenMutation();
 
   const handleGmailLogin = useCallback(async () => {

diff --git a/...mponents/SettingsAccountsSkeletonCard.tsx → ...ents/SettingsAccountsListSkeletonCard.tsx b/...mponents/SettingsAccountsSkeletonCard.tsx → ...ents/SettingsAccountsListSkeletonCard.tsx
@@ -7,4 +7,4 @@ const StyledCard = styled(Card)`
   height: 40px;
 `;
 
-export { StyledCard as SettingsAccountsSkeletonCard };
+export { StyledCard as SettingsAccountsListSkeletonCard };
diff --git a/packages/twenty-front/src/modules/settings/accounts/components/SettingsNewAccountSection.tsx b/packages/twenty-front/src/modules/settings/accounts/components/SettingsNewAccountSection.tsx
@@ -1,7 +1,7 @@
 import { H2Title } from '@/ui/display/typography/components/H2Title';
 import { Section } from '@/ui/layout/section/components/Section';
 
-import { SettingsAccountsEmptyStateCard } from './SettingsAccountsEmptyStateCard';
+import { SettingsAccountsListEmptyStateCard } from './SettingsAccountsEmptyStateCard';
 
 export const SettingsNewAccountSection = () => {
   return (
@@ -10,7 +10,7 @@ export const SettingsNewAccountSection = () => {
         title="New account"
         description="Connect a new account to your workspace"
       />
-      <SettingsAccountsEmptyStateCard label="Connect a Google account" />
+      <SettingsAccountsListEmptyStateCard label="Connect a Google account" />
     </Section>
   );
 };