Commit 2fd0d6e2 authored by Brandon Labuschagne's avatar Brandon Labuschagne Committed by Kushal Pandya

Improve empty state for starred projects

In this MR, a view for the empty state of projects has been added.
In addition, an svg for this has also been added.
parent 1aae24ce
.row.empty-state
.col-12
.svg-content.svg-250
= image_tag 'illustrations/starred_empty.svg'
.text-content
%h4.text-center
= s_("StarredProjectsEmptyState|You don't have starred projects yet.")
%p.text-secondary
= s_("StarredProjectsEmptyState|Visit a project page and press on a star icon. Then, you can find the project on this page.")
- @hide_top_links = true - @hide_top_links = true
- @no_container = true - @no_container = true
- breadcrumb_title "Projects" - breadcrumb_title _("Projects")
- page_title "Starred Projects" - page_title _("Starred Projects")
- header_title "Projects", dashboard_projects_path - header_title _("Projects"), dashboard_projects_path
= render_if_exists "shared/gold_trial_callout" = render_if_exists "shared/gold_trial_callout"
...@@ -13,5 +13,4 @@ ...@@ -13,5 +13,4 @@
- if params[:filter_projects] || any_projects?(@projects) - if params[:filter_projects] || any_projects?(@projects)
= render 'projects' = render 'projects'
- else - else
%h3.page-title You don't have starred projects yet = render 'starred_empty_state'
%p.slead Visit project page and press on star icon and it will appear on this page.
---
title: Improve empty state for starred projects
merge_request: 25138
author:
type: changed
...@@ -7003,6 +7003,12 @@ msgstr "" ...@@ -7003,6 +7003,12 @@ msgstr ""
msgid "Starred projects" msgid "Starred projects"
msgstr "" msgstr ""
msgid "StarredProjectsEmptyState|Visit a project page and press on a star icon. Then, you can find the project on this page."
msgstr ""
msgid "StarredProjectsEmptyState|You don't have starred projects yet."
msgstr ""
msgid "Stars" msgid "Stars"
msgstr "" msgstr ""
......
...@@ -114,7 +114,16 @@ describe 'Dashboard Projects' do ...@@ -114,7 +114,16 @@ describe 'Dashboard Projects' do
end end
end end
context 'when on Starred projects tab' do context 'when on Starred projects tab', :js do
it 'shows the empty state when there are no starred projects' do
visit(starred_dashboard_projects_path)
element = page.find('.row.empty-state')
expect(element).to have_content("You don't have starred projects yet.")
expect(element.find('.svg-content img')['src']).to have_content('illustrations/starred_empty')
end
it 'shows only starred projects' do it 'shows only starred projects' do
user.toggle_star(project2) user.toggle_star(project2)
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment