Merge history state info in the same alert

Author: davelopez

client/src/components/History/HistoryView.vue

@@ -1,7 +1,6 @@
 <template>
     <div v-if="currentUser && history" class="d-flex flex-column h-100">
-        <b-alert v-if="history.archived" variant="warning" show>This history has been archived.</b-alert>
-        <b-alert v-if="history.purged" variant="info" show>This history has been purged.</b-alert>
+        <b-alert v-if="showHistoryStateInfo" variant="info" show>{{ historyStateInfoMessage }}</b-alert>
         <div v-else class="flex-row flex-grow-0">
             <b-button
                 v-if="userOwnsHistory"
@@ -72,6 +71,19 @@ export default {
         canEditHistory() {
             return this.userOwnsHistory && !this.history.archived && !this.history.purged;
         },
+        showHistoryStateInfo() {
+            return this.history.archived || this.history.purged;
+        },
+        historyStateInfoMessage() {
+            if (this.history.archived && this.history.purged) {
+                return "This history has been archived and purged.";
+            } else if (this.history.archived) {
+                return "This history has been archived.";
+            } else if (this.history.purged) {
+                return "This history has been purged.";
+            }
+            return "";
+        },
     },
     created() {
         this.loadHistoryById(this.id);