Update read-only annotation modal

azavea · Nov 7, 2022 · 2a025f2 · 2a025f2
1 parent 5e49114
commit 2a025f2
Showing 1 changed file with 17 additions and 11 deletions.
diff --git a/src/app/src/components/DrawTools/AnnotationModals.js b/src/app/src/components/DrawTools/AnnotationModals.js
@@ -100,7 +100,7 @@ function ReadOnlyAnnotationModal({ annotation, onClose }) {
             headerText='View comment'
             isOpen={!!annotation}
             onClose={onClose}
-            body={<Textarea value={annotation?.comment} disabled />}
+            body={<Text color='gray.900'>{annotation?.comment}</Text>}
         />
     );
 }
@@ -180,19 +180,25 @@ function AnnotationModalBase({
                                 variant='secondary'
                                 onClick={onClose}
                                 disabled={isLoading}
+                                width={onSubmit ? undefined : '100%'}
                             >
                                 Back
                             </Button>
-                            <Spacer />
-                            <Button
-                                variant='cta'
-                                onClick={() => {
-                                    onSubmit();
-                                }}
-                                isLoading={isLoading}
-                            >
-                                {ctaLabel}
-                            </Button>
+
+                            {onSubmit && (
+                                <>
+                                    <Spacer />
+                                    <Button
+                                        variant='cta'
+                                        onClick={() => {
+                                            onSubmit();
+                                        }}
+                                        isLoading={isLoading}
+                                    >
+                                        {ctaLabel}
+                                    </Button>
+                                </>
+                            )}
                         </Flex>
                     </ModalFooter>
                 </ModalContent>