From bf9e8df60f92254f770a97d57c529eb04bfdc99c Mon Sep 17 00:00:00 2001
From: ingalls <nick@ingalls.ca>
Date: Mon, 9 Dec 2024 15:17:05 -0700
Subject: [PATCH] Update README

---
 README.md                                          |  2 +-
 api/web/src/components/CloudTAK/Map.vue            |  9 +++++++--
 .../CloudTAK/Menu/Videos/VideoLeaseModal.vue       | 10 ++++++++--
 api/web/src/components/Data/DataGroups.vue         |  7 ++++++-
 api/web/src/components/Data/DataLayer.vue          | 14 ++++++++++++--
 api/web/src/components/Layer/utils/SchemaModal.vue |  5 ++++-
 6 files changed, 38 insertions(+), 9 deletions(-)

diff --git a/README.md b/README.md
index 4fe396def..687f0c160 100644
--- a/README.md
+++ b/README.md
@@ -19,7 +19,7 @@ many of the services it provides will initiate AWS API calls with no graceful fa
 ### Docker Compose
 
 ```
-docker-compose up --build
+docker compose up --build
 ```
 
 Once the database and API service have built, the server will start on port 5000.
diff --git a/api/web/src/components/CloudTAK/Map.vue b/api/web/src/components/CloudTAK/Map.vue
index 1a7fdda0d..a788bed1c 100644
--- a/api/web/src/components/CloudTAK/Map.vue
+++ b/api/web/src/components/CloudTAK/Map.vue
@@ -881,8 +881,13 @@ export default {
 
             cotStore.hidden.add(feat.id);
             this.updateCOT();
-            mapStore.draw.addFeatures([feat.as_feature()]);
-            mapStore.draw.selectFeature(feat.id);
+            try {
+                mapStore.draw.addFeatures([feat.as_feature()]);
+                mapStore.draw.selectFeature(feat.id);
+            } catch (err) {
+                mapStore.draw.setMode('static');
+                throw err
+            }
         },
         deleteCOT: async function(cot) {
             await cotStore.delete(cot.properties.id)
diff --git a/api/web/src/components/CloudTAK/Menu/Videos/VideoLeaseModal.vue b/api/web/src/components/CloudTAK/Menu/Videos/VideoLeaseModal.vue
index 0424b439d..52972d36d 100644
--- a/api/web/src/components/CloudTAK/Menu/Videos/VideoLeaseModal.vue
+++ b/api/web/src/components/CloudTAK/Menu/Videos/VideoLeaseModal.vue
@@ -153,8 +153,14 @@
                         v-model='channels'
                         :limit='1'
                     />
-                    <div v-else class='border border-white rounded px-2 py-2'>
-                        <IconAffiliate :size='24' stroke='1'/> <span v-text='editLease.channel'/>
+                    <div
+                        v-else
+                        class='border border-white rounded px-2 py-2'
+                    >
+                        <IconAffiliate
+                            :size='24'
+                            stroke='1'
+                        /> <span v-text='editLease.channel' />
                     </div>
                 </div>
 
diff --git a/api/web/src/components/Data/DataGroups.vue b/api/web/src/components/Data/DataGroups.vue
index 11a316503..53e893a7d 100644
--- a/api/web/src/components/Data/DataGroups.vue
+++ b/api/web/src/components/Data/DataGroups.vue
@@ -9,7 +9,12 @@
                 <TablerIconButton
                     title='Refresh'
                     @click='listLayers'
-                > <IconRefresh :size='32' stroke='1' /></TablerIconButton>
+                >
+                    <IconRefresh
+                        :size='32'
+                        stroke='1'
+                    />
+                </TablerIconButton>
             </div>
         </div>
         <TablerNone
diff --git a/api/web/src/components/Data/DataLayer.vue b/api/web/src/components/Data/DataLayer.vue
index d322c792b..81e9007a3 100644
--- a/api/web/src/components/Data/DataLayer.vue
+++ b/api/web/src/components/Data/DataLayer.vue
@@ -11,11 +11,21 @@
                     @click='$router.push(
                         `/connection/${$route.params.connectionid}/data/${$route.params.dataid}/layer/new`
                     )'
-                ><IconPlus :size='32' stroke='1' /></TablerIconButton>
+                >
+                    <IconPlus
+                        :size='32'
+                        stroke='1'
+                    />
+                </TablerIconButton>
                 <TablerIconButton
                     title='Refresh'
                     @click='listLayers'
-                > <IconRefresh :size='32' stroke='1' /></TablerIconButton>
+                >
+                    <IconRefresh
+                        :size='32'
+                        stroke='1'
+                    />
+                </TablerIconButton>
             </div>
         </div>
 
diff --git a/api/web/src/components/Layer/utils/SchemaModal.vue b/api/web/src/components/Layer/utils/SchemaModal.vue
index 6f4f838f1..4d2c4461d 100644
--- a/api/web/src/components/Layer/utils/SchemaModal.vue
+++ b/api/web/src/components/Layer/utils/SchemaModal.vue
@@ -17,7 +17,10 @@
                 />
             </div>
         </div>
-        <div v-if='!loading' class='modal-body py-4' >
+        <div
+            v-if='!loading'
+            class='modal-body py-4'
+        >
             <TablerSchema
                 v-model='row'
                 :schema='schema'