display modifiedat + fix style

S1B41 · Nov 13, 2020 · 1d36848 · 1d36848
1 parent cf37dbd
commit 1d36848
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 3 deletions.
diff --git a/imports/ui/note.jsx b/imports/ui/note.jsx
@@ -9,11 +9,12 @@ import NoteText from "./noteText";
 
 export default class Note extends Component {
   render() {
-    const { value, createdAt, onEdit, onRemove } = this.props;
+    const { value, createdAt, modifiedAt, onEdit, onRemove } = this.props;
     return (
       <div
         onClick={onEdit}
         style={{
+          padding: "15px 15px 10px",
           cursor: "pointer",
           whiteSpace: "pre-wrap",
           overflow: "hidden",
@@ -25,10 +26,20 @@ export default class Note extends Component {
         <LinesEllipsis text={value} maxLine="3" ellipsis=" ..." />
         {/* </div> */}
         {/* <div><button onClick={() => this.props.onRemove()}>Remove</button></div> */}
-        <div>
+        <div
+          style={{
+            marginTop: 10,
+            color: "#ccc",
+            display: "flex",
+            justifyContent: "space-between",
+          }}
+        >
           <small style={{ fontSize: "xx-small" }}>
             created on {createdAt.toLocaleString("de")}
           </small>
+          <small style={{ fontSize: "xx-small" }}>
+            modified on {(modifiedAt || createdAt).toLocaleString("de")}
+          </small>
         </div>
         <div>
           {/* <button className="btn"> */}

diff --git a/imports/ui/noteList.jsx b/imports/ui/noteList.jsx
@@ -25,7 +25,7 @@ class notelist extends Component {
     notes[index].value = this.state.value;
     Notes.update(
       { _id: notes[index]._id },
-      { $set: { value: this.state.value, modified: new Date() } }
+      { $set: { value: this.state.value, modifiedAt: new Date() } }
     );
     this.setState({ editModal: false, value: "" });
   }
@@ -91,6 +91,7 @@ class notelist extends Component {
             key={note._id}
             value={note.value}
             createdAt={note.createdAt}
+            modifiedAt={note.modifiedAt}
             onEdit={() =>
               this.setState({ currentNote: note._id, editModal: true })
             }