<template>
  <v-container class="admin-dashboard">
    <app-bar title="Admin Panel" :admin="true"></app-bar>

<!--    <v-navigation-drawer v-model="rightDrawerState" class="elevation-0" app right width="400" overlay-opacity="0.2">-->
<!--      <settings></settings>-->
<!--    </v-navigation-drawer>-->

    <settings></settings>

<!--    <cycle-table :cycles="getCycles"-->
<!--                 :teams="getTeams"-->
<!--                 :add-cycle-disabled="true"-->
<!--    ></cycle-table>-->

  </v-container>
</template>

<script>
// import uniq from 'lodash/uniq'
// import map from 'lodash/map'
// test
import {mapGetters} from "vuex";
import Settings from "@/components/SettingsAdmin";
import AppBar from "@/components/AppBar";

export default {
  name: "Admin",
  components: {
    AppBar,
    Settings,
  },
  data: () => ({}),
  methods: {},
  computed: {
    ...mapGetters('site', ['getTeam', 'getRightDrawer', 'getCycles']),
    rightDrawerState: {
      get() {
        return this.getRightDrawer
      },
      set(val) {
        this.$store.dispatch('site/toggleRightDrawer', val)
      }
    },
    // getTeams() {
    //   return uniq(map(this.getCycles, cycle => cycle.team))
    // }
  },
}
</script>

<style scoped>

</style>