45 lines
1.1 KiB
Vue
45 lines
1.1 KiB
Vue
<script>
|
|
export default {
|
|
name: 'EnvironmentsEmptyState',
|
|
props: {
|
|
newPath: {
|
|
type: String,
|
|
required: true,
|
|
},
|
|
canCreateEnvironment: {
|
|
type: Boolean,
|
|
required: true,
|
|
},
|
|
helpPath: {
|
|
type: String,
|
|
required: true,
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
<template>
|
|
<div class="empty-state">
|
|
<div class="text-content">
|
|
<h4 class="blank-state-title js-blank-state-title">
|
|
{{ s__("Environments|You don't have any environments right now") }}
|
|
</h4>
|
|
<p class="blank-state-text">
|
|
{{
|
|
s__(`Environments|Environments are places where
|
|
code gets deployed, such as staging or production.`)
|
|
}}
|
|
<a :href="helpPath"> {{ s__('Environments|Read more about environments') }} </a>
|
|
</p>
|
|
|
|
<div class="text-center">
|
|
<a
|
|
v-if="canCreateEnvironment"
|
|
:href="newPath"
|
|
class="btn btn-success js-new-environment-button"
|
|
>
|
|
{{ s__('Environments|New environment') }}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|