Skip to content

Code Insights: Add mock code insight trend UI to the search result page

Administrator requested to merge vk/extend-search-result-sidebar into main

Created by: vovakulikov

Part of https://github.com/sourcegraph/sourcegraph/issues/39228 Part of https://github.com/sourcegraph/sourcegraph/issues/39229

Background

Figma designs

This PR adds a new side panel tab for the search result page with "Simple UI" mode. This PR adds only UI part of the live preview project (related Tracking issue here) and all other work about connecting this UI with BE data will be addressed in this issue.

Note that all changes are hided behind the experimental feature flag codeInsightsSearchResultTrends. Also note that this UI is active only in "Simple UI" mode.

Test plan

  • Activate "Simple UI mode" and go to the search result page
  • Make sure that all UI on the page doesn't have any visual layout regressions
  • Activate codeInsightsSearchResultTrends experimental feature flag. If you're looking at this PR with local build you can go to the experimentalFeatures.ts file and add codeInsightsSearchResultTrends: true manually.
  • Make sure that search result code insight page UI matches with original designs (Figma designs)

Merge request reports