From bc2173e45e33a855f33c6abea2623ac15408a3a4 Mon Sep 17 00:00:00 2001
From: Ettrig <rolf.engstrand@gmail.com>
Date: Mon, 19 Feb 2024 16:53:06 +0100
Subject: [PATCH] Change from AOI to TA in UI

---
 .../src/components/Layout/Feedback/Feedback.js   |  2 +-
 .../components/Layout/Feedback/FeedbackAOI.js    | 16 +++++++---------
 .../Layout/TrainingDS/DatasetEditor/AOI.js       | 16 ++++++++--------
 .../Layout/TrainingDS/DatasetList/DatasetList.js | 10 +++++-----
 4 files changed, 21 insertions(+), 23 deletions(-)

diff --git a/frontend/src/components/Layout/Feedback/Feedback.js b/frontend/src/components/Layout/Feedback/Feedback.js
index e2a999d7..8b986efd 100644
--- a/frontend/src/components/Layout/Feedback/Feedback.js
+++ b/frontend/src/components/Layout/Feedback/Feedback.js
@@ -307,7 +307,7 @@ const Feedback = (props) => {
   }
   const navigate = useNavigate();
   const onEachFeatureOriginalAOIs = (feature, layer) => {
-    layer.bindPopup("Original dataset AOI");
+    layer.bindPopup("Original dataset TA");
   };
 
   const selectAOIHandler = (e, zoom) => {
diff --git a/frontend/src/components/Layout/Feedback/FeedbackAOI.js b/frontend/src/components/Layout/Feedback/FeedbackAOI.js
index 195948a3..c5cbc4f9 100644
--- a/frontend/src/components/Layout/Feedback/FeedbackAOI.js
+++ b/frontend/src/components/Layout/Feedback/FeedbackAOI.js
@@ -141,9 +141,8 @@ const FeedbackAOI = (props) => {
   return (
     <>
       <Grid item md={12} className="card" marginBottom={1}>
-        <Tooltip title="For each AOI, we need to make sure labels inside it are alighed and complete to acheive best model accuracy">
-          <Typography sx={{ mt: 4, mb: 2 }} variant="h6" component="div">
-            List of feedback area of Interests{` (${data?.features.length})`}
+        <Tooltip title="For maximum model accuracy, the map features need to be aligned and complete in every TA.">          <Typography sx={{ mt: 4, mb: 2 }} variant="h6" component="div">
+            List of feedback for TAs{` (${data?.features.length})`}
           </Typography>
         </Tooltip>
         <Demo>
@@ -181,9 +180,9 @@ const FeedbackAOI = (props) => {
                           <span style={{ color: "red" }}>
                             {parseInt(layer.area) < 5000 ? (
                               <>
-                                Area seems to be very small for an AOI
+                                The area is very small for a TA
                                 <br />
-                                Please delete it and create a bigger AOI
+                                Delete it and create a bigger TA
                               </>
                             ) : (
                               ""
@@ -297,7 +296,7 @@ const FeedbackAOI = (props) => {
                           />
                         </IconButton>
                       </Tooltip>
-                      <Tooltip title="Fetch OSM Data in this AOI">
+                      <Tooltip title="Fetch OSM Data in this TA">
                         <IconButton
                           aria-label="comments"
                           sx={{ width: 24, height: 24 }}
@@ -339,7 +338,7 @@ const FeedbackAOI = (props) => {
                           <ZoomInMap fontSize="small" />
                         </IconButton>
                       </Tooltip>
-                      <Tooltip title="Delete AOI">
+                      <Tooltip title="Delete this TA">
                         <IconButton
                           aria-label="comments"
                           sx={{ width: 24, height: 24 }}
@@ -359,8 +358,7 @@ const FeedbackAOI = (props) => {
         </Demo>
         {props.mapLayers && props.mapLayers.length === 0 && (
           <Typography variant="body1" component="h2">
-            No AOIs yet, start creating one by selecting AOIs on the top and
-            create a polygon
+            No TA yet. Start creating one by selecting Draw a rectangle, 3rd down at the top left.
           </Typography>
         )}
       </Grid>
diff --git a/frontend/src/components/Layout/TrainingDS/DatasetEditor/AOI.js b/frontend/src/components/Layout/TrainingDS/DatasetEditor/AOI.js
index 0cf91a54..8c7a23d5 100644
--- a/frontend/src/components/Layout/TrainingDS/DatasetEditor/AOI.js
+++ b/frontend/src/components/Layout/TrainingDS/DatasetEditor/AOI.js
@@ -114,7 +114,7 @@ const AOI = (props) => {
   return (
     <>
       <Grid item md={12} className="card" marginBottom={1}>
-        <Tooltip title="For each AOI, we need to make sure that the map data inside it is aligned and complete">
+        <Tooltip title="For each TA, we need to make sure that the map data inside it is aligned and complete">
           <Typography sx={{ mt: 4, mb: 2 }} variant="h6" component="div">
             Areas of Interest{` (${props.mapLayers.length})`}
           </Typography>
@@ -151,9 +151,9 @@ const AOI = (props) => {
                         <span style={{ color: "red" }}>
                           {parseInt(layer.area) < 5000 ? (
                             <>
-                              The area is very small for an AOI
+                              The area is very small for a TA
                               <br />
-                              Delete it and create a bigger AOI
+                              Delete it and create a bigger TA
                             </>
                           ) : (
                             ""
@@ -290,14 +290,14 @@ const AOI = (props) => {
                         />
                       </IconButton>
                     </Tooltip>
-                    <Tooltip title="Fetch OSM data for this AOI">
+                    <Tooltip title="Fetch OSM data for this TA">
                       <IconButton
                         aria-label="comments"
                         sx={{ width: 24, height: 24 }}
                         className="margin1"
                         onClick={(e) => {
                           mutateFetch(layer.aoiId);
-                          console.log("Call raw data API to fetch OSM labels");
+                          console.log("Call raw data API to fetch OSM data");
                         }}
                       >
                         <MapTwoTone fontSize="small" />
@@ -313,7 +313,7 @@ const AOI = (props) => {
                 }}>
                    <PlaylistRemoveIcon />
                 </IconButton> */}
-                    <Tooltip title="Zoom to AOI">
+                    <Tooltip title="Zoom to TA">
                       <IconButton
                         sx={{ width: 24, height: 24 }}
                         className="margin1"
@@ -343,7 +343,7 @@ const AOI = (props) => {
                         <ZoomInMap fontSize="small" />
                       </IconButton>
                     </Tooltip>
-                    <Tooltip title="Delete AOI">
+                    <Tooltip title="Delete TA">
                       <IconButton
                         aria-label="comments"
                         sx={{ width: 24, height: 24 }}
@@ -365,7 +365,7 @@ const AOI = (props) => {
         </Demo>
         {props.mapLayers && props.mapLayers.length === 0 && (
           <Typography variant="body1" component="h2">
-            No AOIs yet, start creating one by clicking Draw a rectangle, 3rd down at the top 
+            No TAs yet, start creating one by clicking Draw a rectangle, 3rd down at the top 
             left of the image/map
           </Typography>
         )}
diff --git a/frontend/src/components/Layout/TrainingDS/DatasetList/DatasetList.js b/frontend/src/components/Layout/TrainingDS/DatasetList/DatasetList.js
index f1c64a2f..0eaf07d2 100644
--- a/frontend/src/components/Layout/TrainingDS/DatasetList/DatasetList.js
+++ b/frontend/src/components/Layout/TrainingDS/DatasetList/DatasetList.js
@@ -175,11 +175,11 @@ const DatasetList = (props) => {
         </Grid>
         <Grid item xs={12}>
           <Typography variant="body1" component="div">
-            A dataset is a set of images of areas of interest (AOIs) and 
-            corresponding OSM map data. The OSM data will be used to teach 
-            the model how to create map features from images. The OSM
-            data for the AOI needs to be of high quality, because the 
-            model will try to mimic all its tendencies, even the bad ones.
+            A dataset is a set of images of Training Areas (TAs) and
+            corresponding OSM map data. The OSM data will be used to teach
+            the model how to create map features from images. The OSM data
+            for the TA needs to be of high quality, because the model will
+            try to mimic all its tendencies, even the bad ones.
           </Typography>
         </Grid>
         {error && (