<template>
   <div class="alert alert-light">{{ $t('my_evaluations.description') }}</div>
   <span v-if="noResults" class="chill-no-data-statement">{{ $t('no_data') }}</span>
   <tab-table v-else>
      <template v-slot:thead>
      </template>
      <template v-slot:tbody>
         <tr></tr>
      </template>
   </tab-table>
</template>

<script>
import { mapState, mapGetters } from "vuex";
import TabTable from "./TabTable";

export default {
   name: "MyEvaluations",
   components: {
      TabTable
   },
   computed: {
      ...mapState([
         'evaluations',
      ]),
      ...mapGetters([
         'isEvaluationsLoaded',
      ]),
      noResults() {
         if (!this.isEvaluationsLoaded) {
            return false;
         } else {
            return this.evaluations.count === 0;
         }
      }
   },
}
</script>

<style scoped>

</style>