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

Nv 2993 reusable in app preview component #5204

Merged

Conversation

BiswaViraj
Copy link
Member

@BiswaViraj BiswaViraj commented Feb 17, 2024

What change does this PR introduce?

  • Implemented reusable in app preview component

Why was this change needed?

Other information (Screenshots)

Screen.Recording.2024-02-18.at.12.06.38.PM.mov

Copy link

linear bot commented Feb 17, 2024

@BiswaViraj BiswaViraj marked this pull request as ready for review February 18, 2024 06:40
}
`;

export const NotificationTextstyled = styled.div<{ isExampleNotification: boolean }>`
Copy link
Member Author

Choose a reason for hiding this comment

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

Fixed spellcheck error in my other PR: #5205

import {
ContentAndOVerlayWrapperStyled,
ContentStyled,
NotificationTextstyled,
Copy link
Member Author

Choose a reason for hiding this comment

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

Spell check error fixed in other PR: #5205

@BiswaViraj
Copy link
Member Author

All the Light theme related issues are fixed in this PR : #5205

@ainouzgali ainouzgali changed the base branch from translation-management-beta to nv-3416-variants-preview February 18, 2024 14:58
<Grid mt={24} mb={0}>
<Grid.Col span={9} p={0}>
<div style={{ margin: '0 10px' }}>
<InAppEditorBlock payload={payloadValue} readonly={true} preview={true} />
Copy link
Contributor

Choose a reason for hiding this comment

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

Inside InAppEditorBlock you will now have a lot of unused code. There it also handles showing the avatar and action buttons.
Just wondering - why not change the styles there?

Copy link
Member Author

Choose a reason for hiding this comment

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

I initially thought to use that component but saw it is being used for editing and previewing, which was ok previously because the editor and preview screen were the same in designs.
Now that the design varies a lot for editor and preview. Handling cases like overlay blur will be a little complex; let's separate those into two different components instead of a single component handling editing and previewing. This will also help us make changes to any designs for the editor or preview easier in the future.
I plan to re-use the avatar and action buttons components in the preview instead of new components for those.

@BiswaViraj BiswaViraj force-pushed the nv-2993-reusable-in-app-preview-component branch from a226d55 to 6175c21 Compare February 20, 2024 08:25
…e-organization-as-fallback

feat: add fallback lng
@ainouzgali ainouzgali merged commit f23e851 into nv-3416-variants-preview Feb 20, 2024
4 checks passed
@ainouzgali ainouzgali deleted the nv-2993-reusable-in-app-preview-component branch February 20, 2024 12:42
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.

2 participants