From 4e20d80e8bded8184f1c930af0ddb0476197a2c5 Mon Sep 17 00:00:00 2001
From: Hironsan <light.tree.1.13@gmail.com>
Date: Tue, 23 Mar 2021 08:14:32 +0900
Subject: [PATCH] Use LabelGroup in demo page

---
 frontend/pages/demo/sentiment-analysis/index.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/frontend/pages/demo/sentiment-analysis/index.vue b/frontend/pages/demo/sentiment-analysis/index.vue
index 9673c9eb..885fc81b 100644
--- a/frontend/pages/demo/sentiment-analysis/index.vue
+++ b/frontend/pages/demo/sentiment-analysis/index.vue
@@ -5,13 +5,15 @@
         <v-col cols="12" md="9">
           <v-card>
             <v-card-title>
-              <text-classification
+              <label-group
                 :labels="items"
                 :annotations="currentDoc.annotations"
+                single-label="true"
                 @add="addLabel"
                 @remove="removeLabel"
               />
             </v-card-title>
+            <v-divider />
             <v-card-text class="title">
               {{ currentDoc.text }}
             </v-card-text>
@@ -27,13 +29,13 @@
 
 <script>
 import ListMetadata from '@/components/tasks/metadata/ListMetadata'
-import TextClassification from '@/components/tasks/textClassification/TextClassification'
+import LabelGroup from '@/components/tasks/textClassification/LabelGroup'
 
 export default {
   layout: 'demo',
 
   components: {
-    TextClassification,
+    LabelGroup,
     ListMetadata
   },