Hide empty project & section notes in export.

components/viewer/modal/notes/GlobalNotes.vue → components/viewer/notes/GlobalNotes.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="notes-build">
+  <div v-if="compact ? hasNotes : true" class="notes-build">
     <div class="notes-build-header">
       <div class="notes-build-title">Project Notes</div>
       <AddNoteButton v-if="editable" @click="createNote(`build`, true)" />
@@ -16,14 +16,21 @@
 </template>
 
 <script setup lang="ts">
-import AddNoteButton from '~/components/viewer/modal/notes/AddNoteButton.vue';
+import { isNotEmpty } from 'ramda';
+
+import AddNoteButton from '~/components/viewer/notes/AddNoteButton.vue';
 import { useBuildNotes } from '~/composables/viewer/useBuildNotes';
 
 const { globalNotes, createNote, removeNote } = useBuildNotes();
 
 defineProps<{
   editable: boolean;
+  compact: boolean;
 }>();
+
+const hasNotes = computed(() => {
+  return isNotEmpty(globalNotes.value);
+});
 </script>
 
 <style scoped lang="scss">

components/viewer/modal/notes/NotesView.vue → components/viewer/notes/NotesView.vue

@@ -16,19 +16,23 @@
             :obj="obj"
             :editable="editable"
           />
-          <RowNote :pack-row="packRow" :editable="editable" />
+          <RowNote
+            :pack-row="packRow"
+            :editable="editable"
+            :compact="compact"
+          />
         </div>
       </template>
       <div class="notes-ruler"></div>
-      <GlobalNotes :editable="editable" />
+      <GlobalNotes :editable="editable" :compact="compact" />
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
 import { assoc, chain, filter, has, isEmpty } from 'ramda';
 
-import RowNote from '~/components/viewer/modal/notes/RowNote.vue';
+import RowNote from '~/components/viewer/notes/RowNote.vue';
 import { type PackRow, useBackpack } from '~/composables/viewer/useBackpack';
 import { useBuildNotes } from '~/composables/viewer/useBuildNotes';
 

components/viewer/modal/notes/RowNote.vue → components/viewer/notes/RowNote.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="row-note">
+  <div v-if="compact ? hasNote : true" class="row-note">
     <div class="row-note-header">
       <span class="note-label">Section Notes</span>
       <AddNoteButton v-if="!hasNote && editable" @click="createNote(noteId)" />
@@ -31,6 +31,7 @@ const {
 const $props = defineProps<{
   packRow: ProjectRow;
   editable: boolean;
+  compact: boolean;
 }>();
 
 const noteId = computed(() => {