From f88a3daa894195ae8088fa366e9b45aca9fccf49 Mon Sep 17 00:00:00 2001
From: ammarahm-ed <ammarahmed6506@gmail.com>
Date: Thu, 31 Dec 2020 11:54:19 +0500
Subject: [PATCH] add indicator for pinned note

---
 apps/mobile/src/components/NoteItem/index.js | 22 ++++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

diff --git a/apps/mobile/src/components/NoteItem/index.js b/apps/mobile/src/components/NoteItem/index.js
index e95a018ed..b37ca2878 100644
--- a/apps/mobile/src/components/NoteItem/index.js
+++ b/apps/mobile/src/components/NoteItem/index.js
@@ -66,7 +66,6 @@ export default class NoteItem extends React.Component {
   };
 
   render() {
- 
     let {colors, item, customStyle, isTrash} = this.props;
     return (
       <View
@@ -96,7 +95,6 @@ export default class NoteItem extends React.Component {
               }}>
               <TouchableOpacity
                 activeOpacity={1}
-               
                 style={{
                   paddingVertical: 1.5,
                   marginBottom: 2.5,
@@ -147,7 +145,11 @@ export default class NoteItem extends React.Component {
             {!isTrash ? (
               <>
                 <TimeSince
-                  style={{fontSize: SIZE.xs, color: colors.icon,marginRight:10}}
+                  style={{
+                    fontSize: SIZE.xs,
+                    color: colors.icon,
+                    marginRight: 10,
+                  }}
                   time={item.dateCreated}
                   updateFrequency={
                     Date.now() - item.dateCreated < 60000 ? 2000 : 60000
@@ -180,13 +182,25 @@ export default class NoteItem extends React.Component {
                   />
                 ) : null}
 
+                {item.pinned ? (
+                  <Icon
+                    style={{marginRight: 10}}
+                    name="pin"
+                    size={SIZE.sm}
+                    style={{
+                      marginRight: 10,
+                      marginTop:2
+                    }}
+                    color={colors.accent}
+                  />
+                ) : null}
+
                 {item.favorite ? (
                   <Icon
                     style={{marginRight: 10}}
                     name="star"
                     size={SIZE.md}
                     style={{
-                      marginBottom: 2,
                       marginRight: 10,
                     }}
                     color="orange"