reverted the TimeagoFactory.js.erb to a pure .js file without Rails m…

…arkup

app/javascript/src/answers/edit.js

@@ -6,7 +6,7 @@ import {
 import debounce from '../utils/debounce';
 import { updateSectionProgress, getQuestionDiv } from '../utils/sectionUpdate';
 import datePicker from '../utils/datePicker';
-import TimeagoFactory from '../utils/timeagoFactory.js.erb';
+import TimeagoFactory from '../utils/timeagoFactory';
 
 $(() => {
   if ($('form.form-answer').length > 0) {

app/javascript/src/notes/index.js

@@ -1,5 +1,5 @@
 import { isObject, isString } from '../utils/isType';
-import TimeagoFactory from '../utils/timeagoFactory.js.erb';
+import TimeagoFactory from '../utils/timeagoFactory';
 
 $(() => {
   const defaultViewSelector = (questionId) => `#note_new${questionId}`;

app/javascript/src/utils/timeagoFactory.js

@@ -0,0 +1,25 @@
+import getConstant from './constants';
+import { format, register } from 'timeago.js';
+
+const TimeagoFactory = (() => {
+  const defaultLocale = 'en'
+
+  const convertTime = (currentLocale, el) => {
+    return format($(el).attr('datetime'), `${currentLocale}`);
+  };
+
+  return {
+    render: (el) => {
+      if (el.length > 1) {
+        // If we were passed an array of JQuery elements then handle each one
+        $(el).each((idx, e) => {
+          $(e).text(convertTime(defaultLocale, e));
+        });
+      } else {
+        $(el).text(convertTime(defaultLocale, el));
+      }
+    },
+  };
+})();
+
+export default TimeagoFactory;