Fix icon for status selection

Signed-off-by: Raimund Schlüßler <raimund.schluessler@mailbox.org>

1 files changed, 8 insertions, 1 deletions

diff --git a/src/components/TheDetails.vue b/src/components/TheDetails.vue
index fc45fb9a..5affa333 100644
--- a/src/components/TheDetails.vue
+++ b/src/components/TheDetails.vue
@@ -205,7 +205,7 @@ License along with this library.  If not, see <http://www.gnu.org/licenses/>.
 						<div v-click-outside="() => finishEditing('status')"
 							@click="editProperty('status')"
 						>
-							<span class="icon icon-color icon-current" />
+							<span :class="[iconStatus]" class="icon" />
 							<div class="detail-calendar-container">
 								<Multiselect
 									:value="statusSelect.find( _ => _.type === task.status )"
@@ -601,6 +601,13 @@ export default {
 				return 'icon-bw icon-tag'
 			}
 		},
+		iconStatus: function() {
+			if (this.task.status) {
+				return 'icon-color icon-status'
+			} else {
+				return 'icon-bw icon-current'
+			}
+		},
 		...mapGetters({
 			writableCalendars: 'getSortedWritableCalendars',
 			task: 'getTaskByRoute',