diff --git a/src/pages/Dashboard/LiveOnlineClass.vue b/src/pages/Dashboard/LiveOnlineClass.vue
index 17aab2b..74ab9ba 100644
--- a/src/pages/Dashboard/LiveOnlineClass.vue
+++ b/src/pages/Dashboard/LiveOnlineClass.vue
@@ -132,7 +132,55 @@
 
     <v-container grid-list-xl class="pt-0">
       <v-layout row wrap class="mt-1">
-        <v-flex xs12 sm12 md9>
+        <v-flex xs12 sm12 md9 v-if=" $store.state.role === 'PARENT' ">
+          <v-layout column>
+            <!-- HEADING -->
+            <v-flex>
+              <div class="title side-bar-color font-weight-bold">Live Online Classes - Solution</div>
+              <div class="subheading grey--text lighten-1">This conference is in progress</div>
+              <div
+                class="subheading grey--text lighten-1"
+              >The session started at 1:00 there is 1 moderator</div>
+            </v-flex>
+
+            <!-- JOIN OR END SESSION -->
+            <v-flex>
+              <div>
+                <v-btn round class="open-dialog-button" dark>Join Session</v-btn>
+              </div>
+            </v-flex>
+
+            <!-- DATA TABLE -->
+            <v-flex>
+              <div>
+                <span class="subheading font-weight-bold">Recording</span>
+              </div>
+              <v-data-table
+                :headers="liveOnlineHeaders"
+                :items="liveOnlineHeaders"
+                :pagination.sync="pagination"
+                :search="search"
+                item-key="_id"
+              >
+                <template slot="items" slot-scope="props">
+                  <tr
+                    class="tr"
+                    @click="props.expanded = !props.expanded;courseDiscussionId = props.item._id;getDiscussionesThread(props.item._id)"
+                  >
+                    <td class="text-xs-center td td-row">
+                      <v-btn round class="open-dialog-button" dark>Join Session</v-btn>
+                    </td>
+                    <td class="td td-row text-xs-center">{{ }}</td>
+                    <td class="td td-row text-xs-center">{{ }}</td>
+                    <td class="td td-row text-xs-center">-</td>
+                    <td class="td td-row text-xs-center">{{ }}</td>
+                  </tr>
+                </template>
+              </v-data-table>
+            </v-flex>
+          </v-layout>
+        </v-flex>
+        <v-flex xs12 sm12 md12 v-else>
           <v-layout column>
             <!-- HEADING -->
             <v-flex>