upd: redesign

constants/Styles.ts

@@ -1113,6 +1113,62 @@ const Styles = StyleSheet.create({
       flex: 1,
       marginLeft: 10,
    },
+   discussionCard: {
+      borderRadius: 10,
+      borderWidth: 1,
+      padding: 14,
+   },
+   discussionIconCircle: {
+      width: 40,
+      height: 40,
+      borderRadius: 20,
+      alignItems: 'center',
+      justifyContent: 'center',
+      flexShrink: 0,
+   },
+   discussionIconCircleLg: {
+      width: 44,
+      height: 44,
+      borderRadius: 22,
+      alignItems: 'center',
+      justifyContent: 'center',
+   },
+   discussionStatusPill: {
+      alignSelf: 'flex-start',
+      marginTop: 3,
+      paddingHorizontal: 8,
+      paddingVertical: 2,
+      borderRadius: 20,
+      borderWidth: 1,
+   },
+   discussionStatusText: {
+      fontSize: 11,
+      fontWeight: '600',
+   },
+   discussionCardIndent: {
+      marginLeft: 50,
+   },
+   discussionSeparator: {
+      height: 8,
+   },
+   discussionCommentText: {
+      fontSize: 12,
+      marginLeft: 5,
+   },
+   discussionDateText: {
+      fontSize: 11,
+   },
+   discussionCommentCard: {
+      borderRadius: 10,
+      borderWidth: 1,
+      padding: 12,
+      marginBottom: 8,
+      flexDirection: 'row',
+   },
+   discussionEditedText: {
+      fontSize: 10,
+      fontStyle: 'italic',
+   },
 })
 
 export default Styles;