forked from trent_larson/crowd-funder-for-time-pwa
Make the visibility of the Alert indirect
This commit is contained in:
@@ -18,15 +18,15 @@ import { Component, Prop, Vue } from "vue-facing-decorator";
|
||||
export default class AlertMessage extends Vue {
|
||||
@Prop alertTitle = "";
|
||||
@Prop alertMessage = "";
|
||||
isAlertVisible = this.alertMessage;
|
||||
|
||||
public onClickClose() {
|
||||
this.alertTitle = "";
|
||||
this.alertMessage = "";
|
||||
this.isAlertVisible = false;
|
||||
}
|
||||
|
||||
public computedAlertClassNames() {
|
||||
return {
|
||||
hidden: !this.alertMessage,
|
||||
hidden: !this.isAlertVisible,
|
||||
"dismissable-alert": true,
|
||||
"bg-slate-100": true,
|
||||
"p-5": true,
|
||||
|
||||
Reference in New Issue
Block a user