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

Use fallback img for icon and add base64 img for tours #6254

Merged

Conversation

rohitkrai03
Copy link
Contributor

Fixes: https://issues.redhat.com/browse/ODC-4433

Analysis / Root cause: The icon URL for quick start tour are not stable because the URL we are using is from operator bundles of Serverless and Pipelines operator. This makes it not reachable for developer user and also not reachable in case the bundle is not available. Also, since the URL is specific to a version of the operator it will again break as soon as a new update of the operator comes in.

Solution Description:

  • Add a new FallbackImg component that falls back to a default image if the src of <img> is invalid or unreachable.
  • Use <RouteIcon /> as a default icon for quick starts.
  • Use base64 encoded images that are shipped with the CSV of the operator stored in a local file so it's not dependent on operators.

Screen shots / Gifs for design review:
@openshift/team-devconsole-ux @bmignano

Peek 2020-08-07 00-18

Browser conformance:

  • Chrome
  • Firefox
  • Safari
  • Edge

@openshift-ci-robot openshift-ci-robot added the component/core Related to console core functionality label Aug 6, 2020
@openshift-ci-robot openshift-ci-robot added the component/shared Related to console-shared label Aug 6, 2020
Copy link
Contributor

@serenamarie125 serenamarie125 left a comment

Choose a reason for hiding this comment

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

Thanks for fixing this @rohitkrai03 ! Looks great

@rohitkrai03
Copy link
Contributor Author

/assign @christianvogt

@christianvogt
Copy link
Contributor

/lgtm
/approve

@openshift-ci-robot openshift-ci-robot added the lgtm Indicates that a PR is ready to be merged. label Aug 12, 2020
@openshift-ci-robot
Copy link
Contributor

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: christianvogt, rohitkrai03, serenamarie125

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Needs approval from an approver in each of these files:

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

@openshift-ci-robot openshift-ci-robot added the approved Indicates a PR has been approved by an approver from all required OWNERS files. label Aug 12, 2020
@openshift-merge-robot openshift-merge-robot merged commit 2f6e8ad into openshift:master Aug 12, 2020
@spadgett spadgett added this to the v4.6 milestone Aug 20, 2020
@rohitkrai03 rohitkrai03 deleted the quick-start-icon-fix branch July 24, 2021 06:57
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
approved Indicates a PR has been approved by an approver from all required OWNERS files. component/core Related to console core functionality component/shared Related to console-shared lgtm Indicates that a PR is ready to be merged.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

6 participants