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

Sc 23124 #829

Merged
merged 5 commits into from
Jan 16, 2024
Merged

Sc 23124 #829

merged 5 commits into from
Jan 16, 2024

Conversation

daniellemaxwell
Copy link
Contributor

@daniellemaxwell daniellemaxwell commented Jan 15, 2024

Scope of changes

  • Adds the SandboxLayout that will be displayed to users with the sandbox account type.
  • Move Alert from Topbar to SandboxAlert component and update background and text colors.
  • Removed absolute position styling from Topbar component to prevent additional whitespace from appearing in UI.

Fixes SC-23124 & SC-23121

Notes:
The SandboxLayout will not display if this PR is run locally. The layout was made visible during development, but has been commented out until a condition is added in a future story to display it to the correct user type.

A Figma design has not been created for the Sandbox feature.

Type of change

  • new feature
  • bug fix
  • documentation
  • testing
  • technical debt
  • other (describe)

Acceptance criteria

https://www.awesomescreenshot.com/video/24060202?key=be099e8d43e373bf95b8d411646d9c42

Definition of Done

  • I have manually tested the change running it locally (having rebuilt all containers) or via unit tests
  • I have added unit and/or integration tests that cover my changes
  • I have added new test fixtures as needed to support added tests
  • I have updated the dependencies list if necessary (including updating yarn.lock and/or go.sum)
  • I have recompiled and included new protocol buffers to reflect changes I made if necessary
  • Check this box if a reviewer can merge this pull request after approval (leave it unchecked if you want to do it yourself)
  • I have notified the reviewer via Shortcut or Slack that this is ready for review
  • Front-end: Checked sm, md, lg screen resolutions for effective responsiveness
  • Backend-end: Documented service configuration changes or created related devops stories

Reviewer(s) checklist

  • Front-end: I've reviewed the Figma design and confirmed that changes match the spec.
  • Any new user-facing content that has been added for this PR has been QA'ed to ensure correct grammar, spelling, and understandability.
  • Are there any TODOs in this PR that should be turned into stories?

Copy link

This pull request has been linked to Shortcut Story #23124: Sandbox layout.

@@ -28,6 +29,9 @@ function AppLayout({ children, Breadcrumbs }: PageProps) {
return (
<>
<Topbar Breadcrumbs={Breadcrumbs} isOnboarded={isOnboarded} profileData={loaderData} />
{/* TODO: Display SandboxBanner only to user's with the sandbox account type.
Copy link
Contributor Author

Choose a reason for hiding this comment

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

A condition will be added in a future story to display this component to the correct user.

@@ -10,8 +10,9 @@ import { TbPlayFootball } from 'react-icons/tb';
import { EXTERNAL_LINKS, PATH_DASHBOARD } from '@/application';
import { MenuItem } from '@/types/MenuItem';

export const SIDEBAR_WIDTH = 250;
export const TOPBAR_HEIGHT = 60;
/* TODO: Verify if styles are used and remove if not. */
Copy link
Contributor Author

Choose a reason for hiding this comment

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

After setting these styles to 0, I didn't notice any issues while checking the site. I was experiencing some issues with hot reload being slow during development, so I plan to create a story to check again to be sure. After that, I'll know for sure if these styles can be removed. I decided to keep the variables here to make it easier to find in case I do need to set the styles again.

Copy link
Contributor

@pdeziel pdeziel left a comment

Choose a reason for hiding this comment

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

Nice, the banner looks great and I'm glad you're testing how it looks while resizing etc.

@daniellemaxwell daniellemaxwell merged commit 5b60962 into develop Jan 16, 2024
12 checks passed
@daniellemaxwell daniellemaxwell deleted the sc-23124 branch January 16, 2024 15:09
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.

None yet

2 participants