KumiSystems/Chatwoot
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

chore: Refactor sidebar button with woot-button (#2231)

Browse source 
Co-authored-by: Nithin David Thomas <webofnithin@gmail.com>
This commit is contained in:
Sivin Varghese 2021-05-13 15:39:10 +05:30 committed by GitHub
parent 836b317b8a
commit 73d30b7f69
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
app/javascript/dashboard/components/layout/AvailabilityStatus.vue
View file

@ -20,22 +20,28 @@
:key="status.value"
class="status-items"
>
<button
class="button clear status-change--dropdown-button"
:disabled="status.disabled"
<woot-button
variant="clear"
class-names="status-change--dropdown-button"
:is-disabled="status.disabled"
@click="changeAvailabilityStatus(status.value)"
>
<availability-status-badge :status="status.value" />
{{ status.label }}
</button>
</woot-button>
</woot-dropdown-item>
</woot-dropdown-menu>
</div>
</transition>
<button class="status-change--change-button" @click="openStatusMenu">
<woot-button
variant="clear"
color-scheme="secondary"
class-names="status-change--change-button link"
@click="openStatusMenu"
>
{{ $t('SIDEBAR_ITEMS.CHANGE_AVAILABILITY_STATUS') }}
</button>
</woot-button>
</div>
</div>
</template>
@ -156,15 +162,5 @@ export default {
display: flex;
align-items: baseline;
}
& &--change-button {
color: var(--b-600);
font-size: var(--font-size-small);
cursor: pointer;
outline: none;
&:hover {
color: var(--w-600);
}
}
}
</style>