-
Notifications
You must be signed in to change notification settings - Fork 515
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(curriculum): update curriculum #11426
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Initial pass. Overall the changes look okay to me, but I have some comments:
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM, just some nits.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Nit: It would be better to name these fullscreen-{enter,exit}.svg
so they're next to each other.
.curriculum-partner-banner-container { | ||
.partner-banner { | ||
background-color: var(--curriculum-bg-color-partner); | ||
background-image: var(--curriculum-partner-bg); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Nit: --curriculum-bg-image-partner
would be a better name, to be consistent with --curriculum-bg-color-partner
, and to avoid confusion with other -bg-
variables omitting -color-
that refer to a color.
background-image: var(--curriculum-partner-bg); | |
background-image: var(--curriculum-bg-image-partner); |
client/src/curriculum/scrim.scss
Outdated
align-items: center; | ||
display: flex; | ||
flex-direction: column; | ||
grid-area: scrim; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Nit: The assignment to the grid-area
would make more sense to do in the parent component's CSS.
client/src/curriculum/scrim.tsx
Outdated
dialog.current?.close(); | ||
setShowDialog(false); | ||
gleanClick( | ||
`${CURRICULUM_PARTNER}: landing_page_scrim_exit_fullscreen` |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Nit: landing_page
can be derived from the current page url.
`${CURRICULUM_PARTNER}: landing_page_scrim_exit_fullscreen` | |
`${CURRICULUM}: scrim fullscreen -> 0` |
client/src/curriculum/scrim.tsx
Outdated
import { ReactComponent as EnterFullscreen } from "../../public/assets/curriculum/enter-fullscreen.svg"; | ||
|
||
import "./scrim.scss"; | ||
import { CURRICULUM_PARTNER } from "../telemetry/constants"; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
import { CURRICULUM_PARTNER } from "../telemetry/constants"; | |
import { CURRICULUM } from "../telemetry/constants"; |
client/src/curriculum/scrim.tsx
Outdated
dialog.current?.showModal(); | ||
setShowDialog(true); | ||
gleanClick( | ||
`${CURRICULUM_PARTNER}: landing_page_scrim_enter_fullscreen` |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
`${CURRICULUM_PARTNER}: landing_page_scrim_enter_fullscreen` | |
`${CURRICULUM}: scrim fullscreen -> 1` |
client/src/curriculum/scrim.tsx
Outdated
dialog.current?.showModal(); | ||
setShowDialog(true); | ||
gleanClick( | ||
`${CURRICULUM_PARTNER}: landing_page_scrim_loaded` |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
`${CURRICULUM_PARTNER}: landing_page_scrim_loaded` | |
`${CURRICULUM}: scrim engage` |
client/src/telemetry/constants.ts
Outdated
@@ -25,6 +25,7 @@ export const PLAYGROUND = "play_action"; | |||
export const AI_EXPLAIN = "ai_explain"; | |||
export const SETTINGS = "settings"; | |||
export const OBSERVATORY = "observatory"; | |||
export const CURRICULUM_PARTNER = "curriculum_partner"; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Let's keep it simple:
export const CURRICULUM_PARTNER = "curriculum_partner"; | |
export const CURRICULUM = "curriculum"; |
client/src/curriculum/scrim.scss
Outdated
max-width: 24rem; | ||
width: 100%; | ||
|
||
@media (min-width: $screen-lg) { | ||
justify-self: end; | ||
} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
* feat(curriculum): update curriculum
Summary
Some updates to the curriculum.