Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add Header to Email & Calendar Tabs #7288 #7293

Merged
merged 4 commits into from
Sep 27, 2024
Merged

Conversation

kant-github
Copy link
Contributor

@kant-github kant-github commented Sep 27, 2024

Fix: 7288 - Add Header to Email & Calendar Tabs (No Account Connected)

Description

Added a header to the Email and Calendar tabs when no account is connected, matching the style and spacing of the account page to prevent layout issues when switching between pages.

Header Content:

  • Connected Accounts
  • Manage your internet accounts

Screenshot:

Screenshot 2024-09-27 at 5 20 55 PM

Fixes #7288

Copy link
Contributor

@greptile-apps greptile-apps bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

PR Summary

This pull request adds a header to the Email and Calendar tabs when no account is connected, improving consistency across the settings interface.

  • Added 'description' prop to SubMenuTopBarContainer in packages/twenty-front/src/modules/ui/layout/page/SubMenuTopBarContainer.tsx
  • Updated title to "Connected Accounts" and added description "Manage your internet accounts" in packages/twenty-front/src/pages/settings/accounts/SettingsAccountsEmails.tsx
  • SettingsAccountsCalendars.tsx should be updated to match the new style of the Email settings page for consistency

2 file(s) reviewed, 1 comment(s)
Edit PR Review Bot Settings

@@ -33,9 +34,18 @@ const StyledTitle = styled.h3`
margin: ${({ theme }) => theme.spacing(8, 8, 2)};
`;

const StyledDescription = styled.h3`
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

style: Consider using a more semantic HTML tag like 'p' instead of 'h3' for the description

@FelixMalfait FelixMalfait merged commit c4762c3 into twentyhq:main Sep 27, 2024
4 of 8 checks passed
Copy link

Thanks @kant-github for your contribution!
This marks your 3rd PR on the repo. You're top 12% of all our contributors 🎉
See contributor page - Share on LinkedIn - Share on Twitter

Contributions

harshit078 pushed a commit to harshit078/twenty that referenced this pull request Oct 14, 2024
# Fix: 7288 - Add Header to Email & Calendar Tabs (No Account Connected)

## Description
Added a header to the **Email** and **Calendar** tabs when no account is
connected, matching the style and spacing of the account page to prevent
layout issues when switching between pages.

### Header Content:
- **Connected Accounts**
- **Manage your internet accounts**

## Screenshot:
<img width="1440" alt="Screenshot 2024-09-27 at 5 20 55 PM"
src="https://github.com/user-attachments/assets/0c641dd6-e17f-47c4-9e30-45a3f8a9eac9">


Fixes twentyhq#7288

---------

Co-authored-by: Félix Malfait <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Add Header to Email & Calendar Tabs
2 participants