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

feat: add page titles using React Helmet #1321

Merged
merged 4 commits into from
Aug 28, 2023

Conversation

mustajab-ikram
Copy link
Contributor

@mustajab-ikram mustajab-ikram commented Aug 26, 2023

I have completed the task related to Issue #1294. I have added the Page Title functionality using React Helmet Async lib.
Please take a look at the PR when you get a chance @charlesBochet. Let me know if there are any further changes or improvements you would like to see.
image
image
image
image
image

closes #1294

@ergomake
Copy link

ergomake bot commented Aug 26, 2023

Hi 👋

Here's a preview environment 🚀

https://front-twentyhq-twenty-1321.env.ergomake.link

Environment Summary 📑

Container Source URL
front Dockerfile https://front-twentyhq-twenty-1321.env.ergomake.link
server Dockerfile https://server-twentyhq-twenty-1321.env.ergomake.link
postgres Dockerfile [not exposed - internal service]

Here are your environment's logs.

For questions or comments, join Discord.

Click here to disable Ergomake.

@charlesBochet
Copy link
Member

Looks great @mustajab-ikram! I think you need to fix the tests (I suspect, you need to also add the HelmetProvider to our Pages Decorators?)

To run them:
yarn storybook:dev

and in another terminal
yarn storybook:coverage

Once they are green, we can merge!

case AppPath.OpportunitiesPage:
return 'Opportunities';
case `${AppBasePath.Settings}/${SettingsPath.ProfilePage}`:
return 'Profile Settings';
Copy link
Member

Choose a reason for hiding this comment

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

Profile

Copy link
Contributor Author

Choose a reason for hiding this comment

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

done

case `${AppBasePath.Settings}/${SettingsPath.WorkspaceMembersPage}`:
return 'Workspace Members Settings';
case `${AppBasePath.Settings}/${SettingsPath.Workspace}`:
return 'Workspace Settings';
Copy link
Member

Choose a reason for hiding this comment

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

Workspace

Copy link
Contributor Author

Choose a reason for hiding this comment

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

done

case `${AppBasePath.Settings}/${SettingsPath.Experience}`:
return 'Experience';
case `${AppBasePath.Settings}/${SettingsPath.WorkspaceMembersPage}`:
return 'Workspace Members Settings';
Copy link
Member

Choose a reason for hiding this comment

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

Workspace Members

Copy link
Contributor Author

Choose a reason for hiding this comment

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

done

</ShowPageLeftContainer>
<ShowPageRightContainer
<>
<Helmet>
Copy link
Member

Choose a reason for hiding this comment

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

Maybe extract this to a PageTitle component under @/ui/utilities/page-title

Copy link
Contributor Author

Choose a reason for hiding this comment

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

created a separate component for this

@mustajab-ikram mustajab-ikram force-pushed the feature/show-page-titles branch from 7cd0942 to f0ea902 Compare August 28, 2023 14:33
@charlesBochet
Copy link
Member

@mustajab-ikram Looks good, we still need to fix those tests :)

@mustajab-ikram
Copy link
Contributor Author

@mustajab-ikram Looks good, we still need to fix those tests :)

done

Copy link
Member

@charlesBochet charlesBochet left a comment

Choose a reason for hiding this comment

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

Thank you, I like the dev experience

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Show Page Name Instead of Default Heading
2 participants