2 files changed, 6 insertions, 1 deletions
diff --git a/animism-align/frontend/app/utils/align.utils.js b/animism-align/frontend/app/utils/align.utils.js
index f64c5c8..77586d8 100644
--- a/animism-align/frontend/app/utils/align.utils.js
+++ b/animism-align/frontend/app/utils/align.utils.js
@@ -30,6 +30,11 @@ export const timeToPosition = (ts, { start_ts, zoom, duration }) => {
   return (ts - timeMin) / timeWidth * INNER_HEIGHT
 }
 
+export const durationToHeight = (duration, { zoom }) => {
+  const secondsPerPixel = ZOOM_STEPS[zoom] * 0.1
+  return duration / secondsPerPixel  
+}
+
 export const getFirstPunctuationMarkIndex = text => {
   const indexes = [
     text.indexOf('. '),
diff --git a/animism-align/frontend/app/utils/index.js b/animism-align/frontend/app/utils/index.js
index 273c0ef..d0c75dd 100644
--- a/animism-align/frontend/app/utils/index.js
+++ b/animism-align/frontend/app/utils/index.js
@@ -71,7 +71,7 @@ export const timestamp = (n = 0, fps = 1, ms = false) => {
 }
 
 export const timestampToSeconds = time_str => {
-  const time_str_parts = time_str.trim().split(":").map(s => parseFloat(s))
+  const time_str_parts = (time_str || "").trim().split(":").map(s => parseFloat(s))
   if (time_str_parts.length === 3) {
     return (time_str_parts[0] * 60 + time_str_parts[1]) * 60 + time_str_parts[2]
   }