summaryrefslogtreecommitdiff
path: root/animism-align/frontend/app/views/align/components/annotations/annotationForms
diff options
context:
space:
mode:
Diffstat (limited to 'animism-align/frontend/app/views/align/components/annotations/annotationForms')
-rw-r--r--animism-align/frontend/app/views/align/components/annotations/annotationForms/annotationForm.text.js20
-rw-r--r--animism-align/frontend/app/views/align/components/annotations/annotationForms/index.js2
2 files changed, 22 insertions, 0 deletions
diff --git a/animism-align/frontend/app/views/align/components/annotations/annotationForms/annotationForm.text.js b/animism-align/frontend/app/views/align/components/annotations/annotationForms/annotationForm.text.js
index 82a0d6e..cc7cc41 100644
--- a/animism-align/frontend/app/views/align/components/annotations/annotationForms/annotationForm.text.js
+++ b/animism-align/frontend/app/views/align/components/annotations/annotationForms/annotationForm.text.js
@@ -84,6 +84,26 @@ export const AnnotationFormTextPlate = ({ annotation, handleSettingsSelect, hand
)
}
+export const AnnotationFormSubtitle = ({ annotation, handleSettingsSelect, handleSettingsChange }) => {
+ return (
+ <div className='options'>
+ <Select
+ title='Color'
+ name='color'
+ selected={annotation.settings.color}
+ options={CURTAIN_COLOR_SELECT_OPTIONS}
+ defaultOption='Pick a color'
+ onChange={handleSettingsSelect}
+ />
+
+ <AnnotationFormFullscreen
+ annotation={annotation}
+ handleSettingsChange={handleSettingsChange}
+ handleSettingsSelect={handleSettingsSelect}
+ />
+ </div>
+ )
+}
export const AnnotationFormFootnote = ({ annotation, handleSettingsSelect, handleSettingsChange }) => {
return (
diff --git a/animism-align/frontend/app/views/align/components/annotations/annotationForms/index.js b/animism-align/frontend/app/views/align/components/annotations/annotationForms/index.js
index 9a3b386..7b95332 100644
--- a/animism-align/frontend/app/views/align/components/annotations/annotationForms/index.js
+++ b/animism-align/frontend/app/views/align/components/annotations/annotationForms/index.js
@@ -2,6 +2,7 @@ import {
AnnotationFormSectionHeading,
AnnotationFormTextPlate,
AnnotationFormFootnote,
+ AnnotationFormSubtitle,
} from './annotationForm.text'
import {
@@ -26,6 +27,7 @@ export const annotationFormLookup = {
section_heading: AnnotationFormSectionHeading,
text_plate: AnnotationFormTextPlate,
footnote: AnnotationFormFootnote,
+ subtitle: AnnotationFormSubtitle,
image: AnnotationFormImage,
video: AnnotationFormVideo,