Revize 9814562f

re #10895: NoteViewPage: Sort refactor

src/components/notes/NoteView.tsx

@@ -83 +83 @@
     }
 
     return (
-        <HStack style={props.higlighted && {backgroundColor: "#FFF8E1",borderBottomColor: '#FFD54F', borderBottomWidth: 1.5, paddingBottom: 10}} marginTop={5}>
+        <HStack style={props.higlighted && { backgroundColor: "#FFF8E1", borderBottomColor: '#FFD54F', borderBottomWidth: 1.5, paddingBottom: 10 }} marginTop={5}>
             <Box width="10" height="10" marginTop="2">
                 <Avatar bg={note.noteColor} size="sm" source={{
                     uri: AVATAR_URL + "/" + note.avatarUrl
@@ -119 +119 @@
 
                     {note.items && note.items.length > 0 &&
                         <Flex marginLeft={1} flex={0}>
-                            <Button p={1} variant="outline" size="sm" onPress={() => props.navigation.navigate("Item", { itemId: note.items[0] })}>
-                                {note.items[0]}
+                            <Button p={1} variant="solid" backgroundColor="#F4DFAB" borderRadius={8} size="sm" onPress={() => props.navigation.navigate("Item", { itemId: note.items[0] })}>
+                                <Text color="#654B07" fontSize={12}>
+                                    {note.items[0]}
+                                </Text>
                             </Button>
                         </Flex>
 
@@ -168 +170 @@
                     </Flex>
                 </HStack>
                 {showReplies &&
-                    <VStack style={{borderLeftColor: '#FFC107', borderLeftWidth: 1, paddingLeft: 5, marginTop: 5}}>
+                    <VStack style={{ borderLeftColor: '#FFC107', borderLeftWidth: 1, paddingLeft: 5, marginTop: 5 }}>
                         {note.replies?.map((note, index) => {
                             return (
                                 <NoteView key={index} note={note} handleReply={null} handleDelete={props.handleDelete} handleEdit={props.handleEdit} setConfirmDialog={props.setConfirmDialog} navigation={props.navigation} />