form field for actual ts of note

2 files changed, 18 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 aeebc55..82a0d6e 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
@@ -83,3 +83,19 @@ export const AnnotationFormTextPlate = ({ annotation, handleSettingsSelect, hand
     </div>
   )
 }
+
+
+export const AnnotationFormFootnote = ({ annotation, handleSettingsSelect, handleSettingsChange }) => {
+  return (
+    <div className='options'>
+      <TextInput
+        title="Actual Timestamp"
+        name="actual_ts"
+        placeholder="0:00"
+        data={annotation.settings}
+        onChange={handleSettingsChange}
+        autoComplete="off"
+      />
+    </div>
+  )
+}
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 4f91354..9a3b386 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
@@ -1,6 +1,7 @@
 import {
   AnnotationFormSectionHeading,
   AnnotationFormTextPlate,
+  AnnotationFormFootnote,
 } from './annotationForm.text'
 
 import {
@@ -24,6 +25,7 @@ import {
 export const annotationFormLookup = {
   section_heading: AnnotationFormSectionHeading,
   text_plate: AnnotationFormTextPlate,
+  footnote: AnnotationFormFootnote,
 
   image: AnnotationFormImage,
   video: AnnotationFormVideo,