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

DOP-4227: Chatbot FAB on all Docs pages #983

Merged
merged 23 commits into from
Jan 17, 2024
Merged

Conversation

mmeigs
Copy link
Collaborator

@mmeigs mmeigs commented Jan 11, 2024

Stories/Links:

DOP-4227
DOP-4219

Staging Links:

Staging Links with Chatbot "enabled"
Homepage (to show it's not there)
Legacy page (to show both FABs)

Staging Link with Chatbot "disabled" (ie display: none)
Legacy page

Notes:

This PR adds the Chatbot Floating Action Button to all Docs pages except for the Docs main landing page.

Background: this will be default inline-style display:none. The optimizely script and team will have a way for A/B testing to toggle this style on and off for certain groups of users.

Figma

Currently the Chatbot sends a CORS error, but this is almost certainly only an error in staging. Will be testing this in preprd once we merge and have bandwidth.

@mmeigs mmeigs changed the title Dop 4227 bot all pages DOP-4227: Chatbot FAB on all Docs pages Jan 11, 2024
Copy link
Collaborator

@seungpark seungpark left a comment

Choose a reason for hiding this comment

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

minor comments below!

was a bit confused why we are using different chatbot in existing chatbot but realized that was a specific docs chatbot they had rolled out previously 😄

also would note that the z-index of the modal is at 100, while the z-index of the header is at 1000... so they are not playing friendly together

image

src/components/Widgets/index.js Outdated Show resolved Hide resolved
src/components/Widgets/index.js Show resolved Hide resolved
src/components/Widgets/index.js Outdated Show resolved Hide resolved
@mmeigs
Copy link
Collaborator Author

mmeigs commented Jan 16, 2024

The Chatbot modal now appears over the consistent-nav as can be seen in this build.

Also, moving the <Suspense> to the Widgets page ensures that both FABs will not show until both are loaded ie both appearing at the same time rather than one by one.

return (
<StyledChatBotFabContainer
// Inline style to default hide Chatbot FAB, Optimizely to flip this on client-side
// style={{ display: 'none' }} // TODO: uncomment line before merge
Copy link
Collaborator Author

Choose a reason for hiding this comment

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

Reminder to myself: uncomment before merge

@mmeigs mmeigs requested a review from seungpark January 16, 2024 18:25
Copy link
Collaborator

@seungpark seungpark left a comment

Choose a reason for hiding this comment

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

minor comments below but overall LGTM. excited to roll this out (slowly) !

src/components/Widgets/ChatbotWidget/ChatbotFab.js Outdated Show resolved Hide resolved
src/layouts/index.js Show resolved Hide resolved
Copy link
Collaborator

@branberry branberry left a comment

Choose a reason for hiding this comment

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

LGTM!

Copy link
Collaborator

@seungpark seungpark left a comment

Choose a reason for hiding this comment

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

LGTM 👍

src/layouts/index.js Show resolved Hide resolved
@mmeigs mmeigs merged commit b67b5b0 into master Jan 17, 2024
2 checks passed
@mmeigs mmeigs deleted the DOP-4227-bot-all-pages branch January 17, 2024 20:32
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.

3 participants