feat(protocol-designer): add announcement toast

[koji]

Overview

add announcement toast

close AUTH-876

Test Plan and Hands on Testing

Changelog

• add bakeToast to Landing page and add a test to Landing page

Review requests

Risk assessment

low

[jerader]

I think we need to remove the modal from popping up in ProtocolRoutes

[jerader]

also, a separate issue but the announcement modal needs to be updated to say 8.2.0 instead of 9.0.0

[jerader]

hmmm i am reluctant to use the OT_PD_VERSION here because it is for an announcementKey. I know that we don't see previous announcements but i think it is sort of for legacy tracking of the previous versions.

can this instead be:

announcementKey: 'redesign8.2'

[koji]

you mean changing that manually?

[jerader]

it looks like the announcement modal is still rendering from ProtocolRoutes

[koji]

om ProtocolRoutes

it looks like the announcement modal is still rendering from ProtocolRoutes

@jerader
you mean removing from the following?

 <>
      <NavigationBar />
      <Kitchen>
        <Box width="100%">
          <AnnouncementModal />
          <LabwareUploadModal />
          <FileUploadMessagesModal />
          <Routes>
            {allRoutes.map(({ Component, path }: RouteProps) => {
              return <Route key={path} path={path} element={<Component />} />
            })}
            <Route path="*" element={<Navigate to={landingPage.path} />} />
          </Routes>
        </Box>
      </Kitchen>
    </>

[jerader]

om ProtocolRoutes

it looks like the announcement modal is still rendering from ProtocolRoutes

@jerader you mean removing from the following?

 <>
      <NavigationBar />
      <Kitchen>
        <Box width="100%">
          <AnnouncementModal />
          <LabwareUploadModal />
          <FileUploadMessagesModal />
          <Routes>
            {allRoutes.map(({ Component, path }: RouteProps) => {
              return <Route key={path} path={path} element={<Component />} />
            })}
            <Route path="*" element={<Navigate to={landingPage.path} />} />
          </Routes>
        </Box>
      </Kitchen>
    </>

@koji oh, i think we just have to remove line 66: which is AnnouncementModal, basically what i tested on your branch, the modal double renders. which we don't want. it should only render once you press the button in the toast.

[jerader]

lgtm! good to merge after the checks are passing