[APP-782] Support invalid handles correctly (#1049)

* Update profile link construction to support handle.invalid

* Update list links  to support using handles

* Use did for isMe check to ensure invalid handles dont distort the check

* Shift the red (error) colors away from the pink spectrum

* Add ThemedText helper component

* Add sanitizedHandle() helper to render invalid handles well

* Fix regression: only show avatar in PostMeta when needed

* Restore the color of likes

* Remove users with invalid handles from default autosuggests

1 files changed, 3 insertions, 1 deletions

diff --git a/src/view/com/composer/Composer.tsx b/src/view/com/composer/Composer.tsx
index 66722ab2f..0fae996ff 100644
--- a/src/view/com/composer/Composer.tsx
+++ b/src/view/com/composer/Composer.tsx
@@ -30,6 +30,7 @@ import * as apilib from 'lib/api/index'
 import {ComposerOpts} from 'state/models/ui/shell'
 import {s, colors, gradients} from 'lib/styles'
 import {sanitizeDisplayName} from 'lib/strings/display-names'
+import {sanitizeHandle} from 'lib/strings/handles'
 import {cleanError} from 'lib/strings/errors'
 import {SelectPhotoBtn} from './photos/SelectPhotoBtn'
 import {OpenCameraBtn} from './photos/OpenCameraBtn'
@@ -319,7 +320,8 @@ export const ComposePost = observer(function ComposePost({
               <View style={styles.replyToPost}>
                 <Text type="xl-medium" style={[pal.text]}>
                   {sanitizeDisplayName(
-                    replyTo.author.displayName || replyTo.author.handle,
+                    replyTo.author.displayName ||
+                      sanitizeHandle(replyTo.author.handle),
                   )}
                 </Text>
                 <Text type="post-text" style={pal.text} numberOfLines={6}>