Commit ea75b727 authored by George Tsiolis's avatar George Tsiolis

Update environments empty state

parent 9642a472
...@@ -18,27 +18,28 @@ export default { ...@@ -18,27 +18,28 @@ export default {
}; };
</script> </script>
<template> <template>
<div class="blank-state-row"> <div class="empty-state">
<div class="blank-state-center"> <div class="text-content">
<h2 class="blank-state-title js-blank-state-title"> <h4 class="blank-state-title js-blank-state-title">
{{ s__("Environments|You don't have any environments right now.") }} {{ s__("Environments|You don't have any environments right now") }}
</h2> </h4>
<p class="blank-state-text"> <p class="blank-state-text">
{{ s__(`Environments|Environments are places where {{ s__(`Environments|Environments are places where
code gets deployed, such as staging or production.`) }} code gets deployed, such as staging or production.`) }}
<br />
<a :href="helpPath"> <a :href="helpPath">
{{ s__("Environments|Read more about environments") }} {{ s__("Environments|Read more about environments") }}
</a> </a>
</p> </p>
<a <div class="text-center">
v-if="canCreateEnvironment" <a
:href="newPath" v-if="canCreateEnvironment"
class="btn btn-success js-new-environment-button" :href="newPath"
> class="btn btn-success js-new-environment-button"
{{ s__("Environments|New environment") }} >
</a> {{ s__("Environments|New environment") }}
</a>
</div>
</div> </div>
</div> </div>
</template> </template>
---
title: Update environments empty state
merge_request: 22297
author: George Tsiolis
type: other
...@@ -2597,7 +2597,7 @@ msgstr "" ...@@ -2597,7 +2597,7 @@ msgstr ""
msgid "Environments|Updated" msgid "Environments|Updated"
msgstr "" msgstr ""
msgid "Environments|You don't have any environments right now." msgid "Environments|You don't have any environments right now"
msgstr "" msgstr ""
msgid "Epic" msgid "Epic"
......
...@@ -95,7 +95,7 @@ describe 'Environments page', :js do ...@@ -95,7 +95,7 @@ describe 'Environments page', :js do
end end
it 'does not show environments and counters are set to zero' do it 'does not show environments and counters are set to zero' do
expect(page).to have_content('You don\'t have any environments right now.') expect(page).to have_content('You don\'t have any environments right now')
expect(page.find('.js-environments-tab-available .badge').text).to eq('0') expect(page.find('.js-environments-tab-available .badge').text).to eq('0')
expect(page.find('.js-environments-tab-stopped .badge').text).to eq('0') expect(page.find('.js-environments-tab-stopped .badge').text).to eq('0')
......
...@@ -27,7 +27,7 @@ describe('environments empty state', () => { ...@@ -27,7 +27,7 @@ describe('environments empty state', () => {
it('renders empty state and new environment button', () => { it('renders empty state and new environment button', () => {
expect( expect(
vm.$el.querySelector('.js-blank-state-title').textContent.trim(), vm.$el.querySelector('.js-blank-state-title').textContent.trim(),
).toEqual('You don\'t have any environments right now.'); ).toEqual('You don\'t have any environments right now');
expect( expect(
vm.$el.querySelector('.js-new-environment-button').getAttribute('href'), vm.$el.querySelector('.js-new-environment-button').getAttribute('href'),
...@@ -47,7 +47,7 @@ describe('environments empty state', () => { ...@@ -47,7 +47,7 @@ describe('environments empty state', () => {
it('renders empty state without new button', () => { it('renders empty state without new button', () => {
expect( expect(
vm.$el.querySelector('.js-blank-state-title').textContent.trim(), vm.$el.querySelector('.js-blank-state-title').textContent.trim(),
).toEqual('You don\'t have any environments right now.'); ).toEqual('You don\'t have any environments right now');
expect( expect(
vm.$el.querySelector('.js-new-environment-button'), vm.$el.querySelector('.js-new-environment-button'),
......
...@@ -50,7 +50,7 @@ describe('Environment', () => { ...@@ -50,7 +50,7 @@ describe('Environment', () => {
expect( expect(
component.$el.querySelector('.js-blank-state-title').textContent, component.$el.querySelector('.js-blank-state-title').textContent,
).toContain('You don\'t have any environments right now.'); ).toContain('You don\'t have any environments right now');
}); });
}); });
...@@ -127,7 +127,7 @@ describe('Environment', () => { ...@@ -127,7 +127,7 @@ describe('Environment', () => {
it('should render empty state', () => { it('should render empty state', () => {
expect( expect(
component.$el.querySelector('.js-blank-state-title').textContent, component.$el.querySelector('.js-blank-state-title').textContent,
).toContain('You don\'t have any environments right now.'); ).toContain('You don\'t have any environments right now');
}); });
}); });
......
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