Assets: Update Avatar Styling

CREDITS.md

@@ -1,3 +0,0 @@
-# Credits
-
-## Accord Icon - @nwlandas

frontend/package-lock.json

@@ -44,6 +44,7 @@
         "redux": "^4.1.0",
         "redux-persist": "^6.0.0",
         "socket.io-client": "^4.0.0",
+        "striptags": "^3.2.0",
         "tailwindcss": "^2.2.5",
         "typescript": "^4.3.5",
         "web-vitals": "^1.1.2"
@@ -18836,6 +18837,11 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/striptags": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/striptags/-/striptags-3.2.0.tgz",
+      "integrity": "sha512-g45ZOGzHDMe2bdYMdIvdAfCQkCTDMGBazSw1ypMowwGIee7ZQ5dU0rBJ8Jqgl+jAKIv4dbeE1jscZq9wid1Tkw=="
+    },
     "node_modules/style-loader": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-1.3.0.tgz",
@@ -36528,6 +36534,11 @@
       "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
       "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig=="
     },
+    "striptags": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/striptags/-/striptags-3.2.0.tgz",
+      "integrity": "sha512-g45ZOGzHDMe2bdYMdIvdAfCQkCTDMGBazSw1ypMowwGIee7ZQ5dU0rBJ8Jqgl+jAKIv4dbeE1jscZq9wid1Tkw=="
+    },
     "style-loader": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-1.3.0.tgz",

frontend/package.json

@@ -40,6 +40,7 @@
     "redux": "^4.1.0",
     "redux-persist": "^6.0.0",
     "socket.io-client": "^4.0.0",
+    "striptags": "^3.2.0",
     "tailwindcss": "^2.2.5",
     "typescript": "^4.3.5",
     "web-vitals": "^1.1.2"

frontend/src/components/channel/message/message-content.tsx

@@ -2,6 +2,7 @@ import MessageBox from '../message-box';
 import defaultPatterns from '../../../types/patterns';
 import { FunctionComponent } from 'react';
 import { useSelector } from 'react-redux';
+import striptags from 'striptags';
 
 interface MessageContentProps {
   message: Entity.Message;
@@ -51,7 +52,7 @@ const MessageContent: FunctionComponent<MessageContentProps> = ({ message }) =>
         style={{maxWidth: '963px'}}
         className="normal whitespace-pre-wrap">
         <div
-          dangerouslySetInnerHTML={{ __html: `${format(message.content)}` }}
+          dangerouslySetInnerHTML={{ __html: `${format(striptags(message.content))}` }}
           className="float-left overflow-auto"
           style={{ maxWidth: '100%' }} />
         {message.updatedAt && <span className="select-none muted edited text-xs ml-1">(edited)</span>}

frontend/src/components/pages/auth/login-page.tsx

@@ -31,8 +31,7 @@ const LoginPage: React.FunctionComponent = () => {
             className="rounded-md shadow bg-bg-primary p-8"
             onSubmit={handleSubmit(onLogin)}>
             <h1 className="text-3xl font-bold">Welcome back!</h1>
-            {/* <p className="lead">We're so excited to see you again!</p> */}
-            <a className="text-sm" href="https://github.com/accord-dot-app/app/issues/15#issuecomment-926652008" target="_blank">Email not working? Try '(username)-(discriminator)@example.com'.</a>
+            <p className="lead">We're so excited to see you again!</p>
 
             <Input
               label="Email"