update SectionInfoDialog to work again

cateditor/src/components/CatalogContents.vue

@@ -38,7 +38,7 @@
 
                   <v-list-tile-action>
                     <span class="group">
-                      <v-btn icon @click.stop="popInfo(item.id)">
+                      <v-btn icon @click.stop="popSectionInfo(item.id)">
                         <v-icon small color="grey lighten-1">info</v-icon>
                       </v-btn>
                       <v-btn icon @click.stop="popDelete(item.id)">
@@ -131,6 +131,7 @@
 
     <AddProductDialog v-model="showAddProductDialog"/>
     <AddSectionDialog v-model="showAddSectionDialog"/>
+    <SectionInfoDialog v-model="showSectionInfoDialog"/>
 
   </v-container>
 </template>
@@ -144,18 +145,21 @@ import { paginateModels } from '@/pagination'
 import DragListHeading from './DragListHeading'
 import AddProductDialog from './AddProductDialog'
 import AddSectionDialog from './AddSectionDialog'
+import SectionInfoDialog from './SectionInfoDialog'
 
 export default {
   components: {
     DragListHeading,
     AddProductDialog,
     AddSectionDialog,
+    SectionInfoDialog,
     //RawDisplayer,
   },
 
   data: () => ({
     showAddProductDialog: false,
-    showAddSectionDialog: true,
+    showAddSectionDialog: false,
+    showSectionInfoDialog: false,
   }),
   computed: {
     ...mapState([
@@ -184,11 +188,6 @@ export default {
   },
 
   methods: {
-    selectSection(id) {
-      console.log('select section', id)
-      this.$store.dispatch('selectSection', id)
-    },
-
     selectModel(id) {
       console.log('select model', id)
       this.$store.dispatch('selectModel', id)
@@ -245,7 +244,13 @@ export default {
       this.setModelMaterials({ model: this.selectedModel, materials: mats })
     },
 
+    popSectionInfo(id) {
+      this.selectSection(id)
+      this.showSectionInfoDialog = true
+    },
+
     ...mapActions([
+      'selectSection',
       'reorderSection',
       'setSectionPages',
       'setModelMaterials',