From a281dd43100b14c8e3e1d75ac3d95b0f01a294f9 Mon Sep 17 00:00:00 2001
From: Christopher Byrd <chrabyrd@gmail.com>
Date: Wed, 26 Feb 2025 20:13:38 -0800
Subject: [PATCH] nit #209

---
 .../components/generic/MetaStringViewer.vue          |  6 +++---
 .../SchemeLabel/components/SchemeLabelEditor.vue     |  8 ++++----
 .../SchemeLabel/components/SchemeLabelViewer.vue     | 10 ++++------
 .../components/SchemeNamespaceEditor.vue             |  8 ++++----
 .../components/SchemeNamespaceViewer.vue             | 12 ++++--------
 .../SchemeNote/components/SchemeNoteEditor.vue       |  8 ++++----
 .../SchemeNote/components/SchemeNoteViewer.vue       | 10 ++++------
 .../scheme/SchemeStandard/SchemeStandard.vue         |  2 +-
 .../components/SchemeStandardEditor.vue              |  8 ++++----
 .../components/SchemeStandardViewer.vue              | 12 ++++--------
 .../components/scheme/editor/SchemeEditor.vue        |  2 +-
 arches_lingo/src/arches_lingo/pages/SchemePage.vue   |  8 ++++----
 12 files changed, 41 insertions(+), 53 deletions(-)

diff --git a/arches_lingo/src/arches_lingo/components/generic/MetaStringViewer.vue b/arches_lingo/src/arches_lingo/components/generic/MetaStringViewer.vue
index 98489001..35cc9d95 100644
--- a/arches_lingo/src/arches_lingo/components/generic/MetaStringViewer.vue
+++ b/arches_lingo/src/arches_lingo/components/generic/MetaStringViewer.vue
@@ -27,8 +27,8 @@ const confirm = useConfirm();
 
 const openEditor =
     inject<(componentName: string, tileid?: string) => void>("openEditor");
-const forceSectionRefresh = inject<(componentName: string) => void>(
-    "forceSectionRefresh",
+const refreshReportSection = inject<(componentName: string) => void>(
+    "refreshReportSection",
 );
 
 const expandedRows = ref([]);
@@ -57,7 +57,7 @@ async function deleteSectionValue(tileId: string) {
     try {
         await deleteLingoTile(props.graphSlug, props.nodegroupAlias, tileId);
 
-        forceSectionRefresh!(props.componentName);
+        refreshReportSection!(props.componentName);
         openEditor!(props.componentName, undefined);
     } catch (error) {
         console.error(error);
diff --git a/arches_lingo/src/arches_lingo/components/scheme/SchemeLabel/components/SchemeLabelEditor.vue b/arches_lingo/src/arches_lingo/components/scheme/SchemeLabel/components/SchemeLabelEditor.vue
index 194d540f..b2f7b59a 100644
--- a/arches_lingo/src/arches_lingo/components/scheme/SchemeLabel/components/SchemeLabelEditor.vue
+++ b/arches_lingo/src/arches_lingo/components/scheme/SchemeLabel/components/SchemeLabelEditor.vue
@@ -31,8 +31,8 @@ const router = useRouter();
 const schemeEditorFormRef = inject<Ref<Component | null>>(
     "schemeEditorFormRef",
 );
-const forceSectionRefresh = inject<(componentName: string) => void>(
-    "forceSectionRefresh",
+const refreshReportSection = inject<(componentName: string) => void>(
+    "refreshReportSection",
 );
 
 const formRef = useTemplateRef("form");
@@ -72,7 +72,7 @@ async function save(e: FormSubmitEvent) {
             );
         }
 
-        forceSectionRefresh!(props.componentName);
+        refreshReportSection!(props.componentName);
     } catch (error) {
         console.error(error);
     }
@@ -80,7 +80,7 @@ async function save(e: FormSubmitEvent) {
 </script>
 
 <template>
-    <h4>{{ props.sectionTitle }}</h4>
+    <h3>{{ props.sectionTitle }}</h3>
 
     <Form
         ref="form"
diff --git a/arches_lingo/src/arches_lingo/components/scheme/SchemeLabel/components/SchemeLabelViewer.vue b/arches_lingo/src/arches_lingo/components/scheme/SchemeLabel/components/SchemeLabelViewer.vue
index 5b0c5ffd..ac076451 100644
--- a/arches_lingo/src/arches_lingo/components/scheme/SchemeLabel/components/SchemeLabelViewer.vue
+++ b/arches_lingo/src/arches_lingo/components/scheme/SchemeLabel/components/SchemeLabelViewer.vue
@@ -42,12 +42,10 @@ const metaStringLabel: MetaStringText = {
     <div class="section-header">
         <h2>{{ props.sectionTitle }}</h2>
 
-        <div>
-            <Button
-                :label="$gettext('Add New Scheme Label')"
-                @click="openEditor!(props.componentName)"
-            ></Button>
-        </div>
+        <Button
+            :label="$gettext('Add New Scheme Label')"
+            @click="openEditor!(props.componentName)"
+        ></Button>
     </div>
 
     <MetaStringViewer
diff --git a/arches_lingo/src/arches_lingo/components/scheme/SchemeNamespace/components/SchemeNamespaceEditor.vue b/arches_lingo/src/arches_lingo/components/scheme/SchemeNamespace/components/SchemeNamespaceEditor.vue
index 37291be3..e1f18971 100644
--- a/arches_lingo/src/arches_lingo/components/scheme/SchemeNamespace/components/SchemeNamespaceEditor.vue
+++ b/arches_lingo/src/arches_lingo/components/scheme/SchemeNamespace/components/SchemeNamespaceEditor.vue
@@ -27,8 +27,8 @@ const props = defineProps<{
 const schemeEditorFormRef = inject<Ref<Component | null>>(
     "schemeEditorFormRef",
 );
-const forceSectionRefresh = inject<(componentName: string) => void>(
-    "forceSectionRefresh",
+const refreshReportSection = inject<(componentName: string) => void>(
+    "refreshReportSection",
 );
 
 const formRef = useTemplateRef("form");
@@ -68,7 +68,7 @@ async function save(e: FormSubmitEvent) {
             );
         }
 
-        forceSectionRefresh!(props.componentName);
+        refreshReportSection!(props.componentName);
     } catch (error) {
         console.error(error);
     }
@@ -76,7 +76,7 @@ async function save(e: FormSubmitEvent) {
 </script>
 
 <template>
-    <h4>{{ props.sectionTitle }}</h4>
+    <h3>{{ props.sectionTitle }}</h3>
 
     <Form
         ref="form"
diff --git a/arches_lingo/src/arches_lingo/components/scheme/SchemeNamespace/components/SchemeNamespaceViewer.vue b/arches_lingo/src/arches_lingo/components/scheme/SchemeNamespace/components/SchemeNamespaceViewer.vue
index 423fa749..cfca0a86 100644
--- a/arches_lingo/src/arches_lingo/components/scheme/SchemeNamespace/components/SchemeNamespaceViewer.vue
+++ b/arches_lingo/src/arches_lingo/components/scheme/SchemeNamespace/components/SchemeNamespaceViewer.vue
@@ -37,14 +37,10 @@ const buttonLabel = computed(() => {
     <div class="section-header">
         <h2>{{ props.sectionTitle }}</h2>
 
-        <div>
-            <Button
-                :label="buttonLabel"
-                @click="
-                    openEditor!(props.componentName, props.tileData?.tileid)
-                "
-            ></Button>
-        </div>
+        <Button
+            :label="buttonLabel"
+            @click="openEditor!(props.componentName, props.tileData?.tileid)"
+        ></Button>
     </div>
 
     <NonLocalizedStringWidget
diff --git a/arches_lingo/src/arches_lingo/components/scheme/SchemeNote/components/SchemeNoteEditor.vue b/arches_lingo/src/arches_lingo/components/scheme/SchemeNote/components/SchemeNoteEditor.vue
index 7e61d0c3..09e79231 100644
--- a/arches_lingo/src/arches_lingo/components/scheme/SchemeNote/components/SchemeNoteEditor.vue
+++ b/arches_lingo/src/arches_lingo/components/scheme/SchemeNote/components/SchemeNoteEditor.vue
@@ -32,8 +32,8 @@ const router = useRouter();
 const schemeEditorFormRef = inject<Ref<Component | null>>(
     "schemeEditorFormRef",
 );
-const forceSectionRefresh = inject<(componentName: string) => void>(
-    "forceSectionRefresh",
+const refreshReportSection = inject<(componentName: string) => void>(
+    "refreshReportSection",
 );
 
 const formRef = useTemplateRef("form");
@@ -73,7 +73,7 @@ async function save(e: FormSubmitEvent) {
             );
         }
 
-        forceSectionRefresh!(props.componentName);
+        refreshReportSection!(props.componentName);
     } catch (error) {
         console.error(error);
     }
@@ -81,7 +81,7 @@ async function save(e: FormSubmitEvent) {
 </script>
 
 <template>
-    <h4>{{ props.sectionTitle }}</h4>
+    <h3>{{ props.sectionTitle }}</h3>
 
     <Form
         ref="form"
diff --git a/arches_lingo/src/arches_lingo/components/scheme/SchemeNote/components/SchemeNoteViewer.vue b/arches_lingo/src/arches_lingo/components/scheme/SchemeNote/components/SchemeNoteViewer.vue
index 32c7df03..1be17cc9 100644
--- a/arches_lingo/src/arches_lingo/components/scheme/SchemeNote/components/SchemeNoteViewer.vue
+++ b/arches_lingo/src/arches_lingo/components/scheme/SchemeNote/components/SchemeNoteViewer.vue
@@ -38,12 +38,10 @@ const metaStringLabel: MetaStringText = {
     <div class="section-header">
         <h2>{{ props.sectionTitle }}</h2>
 
-        <div>
-            <Button
-                :label="$gettext('Add New Scheme Note')"
-                @click="openEditor!(props.componentName)"
-            ></Button>
-        </div>
+        <Button
+            :label="$gettext('Add New Scheme Note')"
+            @click="openEditor!(props.componentName)"
+        ></Button>
     </div>
 
     <MetaStringViewer
diff --git a/arches_lingo/src/arches_lingo/components/scheme/SchemeStandard/SchemeStandard.vue b/arches_lingo/src/arches_lingo/components/scheme/SchemeStandard/SchemeStandard.vue
index be5c3f6e..a2e66e05 100644
--- a/arches_lingo/src/arches_lingo/components/scheme/SchemeStandard/SchemeStandard.vue
+++ b/arches_lingo/src/arches_lingo/components/scheme/SchemeStandard/SchemeStandard.vue
@@ -26,7 +26,7 @@ const props = defineProps<{
 }>();
 
 const isLoading = ref(false);
-const tileData = ref<SchemeCreation[]>([]);
+const tileData = ref<SchemeCreation>();
 
 const shouldCreateNewTile = Boolean(props.mode === EDIT && !props.tileId);
 
diff --git a/arches_lingo/src/arches_lingo/components/scheme/SchemeStandard/components/SchemeStandardEditor.vue b/arches_lingo/src/arches_lingo/components/scheme/SchemeStandard/components/SchemeStandardEditor.vue
index 60de03fc..f29a1215 100644
--- a/arches_lingo/src/arches_lingo/components/scheme/SchemeStandard/components/SchemeStandardEditor.vue
+++ b/arches_lingo/src/arches_lingo/components/scheme/SchemeStandard/components/SchemeStandardEditor.vue
@@ -27,8 +27,8 @@ const props = defineProps<{
 const schemeEditorFormRef = inject<Ref<Component | null>>(
     "schemeEditorFormRef",
 );
-const forceSectionRefresh = inject<(componentName: string) => void>(
-    "forceSectionRefresh",
+const refreshReportSection = inject<(componentName: string) => void>(
+    "refreshReportSection",
 );
 
 const formRef = useTemplateRef("form");
@@ -68,7 +68,7 @@ async function save(e: FormSubmitEvent) {
             );
         }
 
-        forceSectionRefresh!(props.componentName);
+        refreshReportSection!(props.componentName);
     } catch (error) {
         console.error(error);
     }
@@ -76,7 +76,7 @@ async function save(e: FormSubmitEvent) {
 </script>
 
 <template>
-    <h4>{{ props.sectionTitle }}</h4>
+    <h3>{{ props.sectionTitle }}</h3>
 
     <Form
         ref="form"
diff --git a/arches_lingo/src/arches_lingo/components/scheme/SchemeStandard/components/SchemeStandardViewer.vue b/arches_lingo/src/arches_lingo/components/scheme/SchemeStandard/components/SchemeStandardViewer.vue
index da3a5132..a2f6cab4 100644
--- a/arches_lingo/src/arches_lingo/components/scheme/SchemeStandard/components/SchemeStandardViewer.vue
+++ b/arches_lingo/src/arches_lingo/components/scheme/SchemeStandard/components/SchemeStandardViewer.vue
@@ -37,14 +37,10 @@ const buttonLabel = computed(() => {
     <div class="section-header">
         <h2>{{ props.sectionTitle }}</h2>
 
-        <div>
-            <Button
-                :label="buttonLabel"
-                @click="
-                    openEditor!(props.componentName, props.tileData?.tileid)
-                "
-            ></Button>
-        </div>
+        <Button
+            :label="buttonLabel"
+            @click="openEditor!(props.componentName, props.tileData?.tileid)"
+        ></Button>
     </div>
 
     <ResourceInstanceMultiSelectWidget
diff --git a/arches_lingo/src/arches_lingo/components/scheme/editor/SchemeEditor.vue b/arches_lingo/src/arches_lingo/components/scheme/editor/SchemeEditor.vue
index 40cda413..8d9db42b 100644
--- a/arches_lingo/src/arches_lingo/components/scheme/editor/SchemeEditor.vue
+++ b/arches_lingo/src/arches_lingo/components/scheme/editor/SchemeEditor.vue
@@ -35,7 +35,7 @@ function resetForm() {
 <template>
     <div class="container">
         <div class="header">
-            <h3>{{ $gettext("Editor Tools") }}</h3>
+            <h2>{{ $gettext("Editor Tools") }}</h2>
 
             <div>
                 <Button
diff --git a/arches_lingo/src/arches_lingo/pages/SchemePage.vue b/arches_lingo/src/arches_lingo/pages/SchemePage.vue
index 96afeff2..4595f745 100644
--- a/arches_lingo/src/arches_lingo/pages/SchemePage.vue
+++ b/arches_lingo/src/arches_lingo/pages/SchemePage.vue
@@ -23,9 +23,6 @@ import {
     VIEW,
 } from "@/arches_lingo/constants.ts";
 
-provide("openEditor", openEditor);
-provide("forceSectionRefresh", forceSectionRefresh);
-
 const route = useRoute();
 const { $gettext } = useGettext();
 
@@ -106,7 +103,7 @@ function minimizeEditor() {
     editorState.value = MINIMIZED;
 }
 
-function forceSectionRefresh(componentName: string) {
+function refreshReportSection(componentName: string) {
     const componentDatum = componentData.value.find((componentDatum) => {
         return componentDatum.componentName === componentName;
     });
@@ -115,6 +112,9 @@ function forceSectionRefresh(componentName: string) {
         componentDatum.key += 1;
     }
 }
+
+provide("openEditor", openEditor);
+provide("refreshReportSection", refreshReportSection);
 </script>
 
 <template>