💄

src/components/TemplateCover.js

@@ -3,7 +3,7 @@ import { connect } from "react-redux";
 import { Player } from "video-react";
 import marked from "marked";
 import MediaOverlay from "./atoms/Media";
-import falogo from "../assets/fa-logo.png";
+// import falogo from "../assets/fa-logo.png";
 import bcatlogo from "../assets/bellingcat-logo.png";
 const MEDIA_HIDDEN = -2;
 
@@ -158,11 +158,11 @@ class TemplateCover extends React.Component {
             className="cover-logo-container"
             href="https://forensic-architecture.org"
           >
-            <img
-              className="cover-logo"
-              src={falogo}
-              alt="Forensic Architecture logo"
-            />
+            {/* <img */}
+            {/*   className="cover-logo" */}
+            {/*   src={falogo} */}
+            {/*   alt="Forensic Architecture logo" */}
+            {/* /> */}
           </a>
           <a className="cover-logo-container" href="https://bellingcat.com">
             <img className="cover-logo" src={bcatlogo} alt="Bellingcat logo" />

src/components/controls/CardStack.js

@@ -145,7 +145,7 @@ class CardStack extends React.Component {
   }
 
   render() {
-    const { isCardstack, selected, narrative, timelineDims } = this.props;
+    const { isCardstack, selected, narrative } = this.props;
     if (selected.length > 0) {
       if (!narrative) {
         return (

src/components/controls/atoms/Media.js

@@ -75,7 +75,19 @@ const Media = ({ src, title }) => {
         </div>
       );
     default:
-      return null;
+      if (src === "HIDDEN") {
+        return (
+          <div className="card-cell media source-hidden">
+            <h4>
+              Source hidden
+              <br />
+              Privacy concerns
+            </h4>
+          </div>
+        );
+      } else {
+        return null;
+      }
   }
 };
 

src/components/controls/atoms/TelegramEmbed.js

@@ -87,6 +87,7 @@ class TelegramEmbed extends Component {
     return (
       <div data-sharing-id={container} style={containerStyles}>
         <iframe
+          title={src}
           ref={(node) => (this.iFrame = node)}
           src={src + "?embed=1"}
           height={height}

src/components/time/Timeline.js

@@ -423,7 +423,7 @@ class Timeline extends React.Component {
                     .default_categories_label
                 }
               />
-              {app.timeline.dimensions.ticks == 1 && (
+              {app.timeline.dimensions.ticks === 1 && (
                 <Handles
                   dims={dims}
                   onMoveTime={(dir) => {

src/components/time/atoms/Handles.js

@@ -3,12 +3,11 @@ import React from "react";
 const TimelineHandles = ({ dims, onMoveTime }) => {
   const transform = "scale(1.5,1.5)";
   const size = 45;
+  const handleOffset = dims.contentHeight / 2;
   return (
     <g className="time-controls-inline">
       <g
-        transform={`translate(${dims.marginLeft - 20}, ${
-          dims.contentHeight - 10
-        })`}
+        transform={`translate(${dims.marginLeft - 20}, ${handleOffset})`}
         onClick={() => onMoveTime("backwards")}
       >
         <circle r={size} />
@@ -18,9 +17,9 @@ const TimelineHandles = ({ dims, onMoveTime }) => {
         />
       </g>
       <g
-        transform={`translate(${dims.width - dims.width_controls + 20}, ${
-          dims.contentHeight - 10
-        })`}
+        transform={`translate(${
+          dims.width - dims.width_controls + 20
+        }, ${handleOffset})`}
         onClick={() => onMoveTime("forward")}
       >
         <circle r={size} />