(chore) remove outdated code (#1765)

* optimize room typing members hook

* remove unused code - WIP

* remove old code from initMatrix

* remove twemojify function

* remove old sanitize util

* delete old markdown util

* delete Math atom component

* uninstall unused dependencies

* remove old notification system

* decrypt message in inbox notification center and fix refresh in background

* improve notification

---------

Co-authored-by: Krishan <33421343+kfiven@users.noreply.github.com>

src/app/organisms/join-alias/JoinAlias.jsx

@@ -6,7 +6,6 @@ import initMatrix from '../../../client/initMatrix';
 import cons from '../../../client/state/cons';
 import navigation from '../../../client/state/navigation';
 import { join } from '../../../client/action/room';
-import { selectRoom, selectTab } from '../../../client/action/navigation';
 
 import Text from '../../atoms/text/Text';
 import IconButton from '../../atoms/button/IconButton';
@@ -18,36 +17,24 @@ import Dialog from '../../molecules/dialog/Dialog';
 import CrossIC from '../../../../public/res/ic/outlined/cross.svg';
 
 import { useStore } from '../../hooks/useStore';
+import { useRoomNavigate } from '../../hooks/useRoomNavigate';
 
 const ALIAS_OR_ID_REG = /^[#|!].+:.+\..+$/;
 
 function JoinAliasContent({ term, requestClose }) {
   const [process, setProcess] = useState(false);
   const [error, setError] = useState(undefined);
-  const [lastJoinId, setLastJoinId] = useState(undefined);
 
   const mx = initMatrix.matrixClient;
   const mountStore = useStore();
 
+  const { navigateRoom } = useRoomNavigate();
+
   const openRoom = (roomId) => {
-    const room = mx.getRoom(roomId);
-    if (!room) return;
-    if (room.isSpaceRoom()) selectTab(roomId);
-    else selectRoom(roomId);
+    navigateRoom(roomId);
     requestClose();
   };
 
-  useEffect(() => {
-    const handleJoin = (roomId) => {
-      if (lastJoinId !== roomId) return;
-      openRoom(roomId);
-    };
-    initMatrix.roomList.on(cons.events.roomList.ROOM_JOINED, handleJoin);
-    return () => {
-      initMatrix.roomList.removeListener(cons.events.roomList.ROOM_JOINED, handleJoin);
-    };
-  }, [lastJoinId]);
-
   const handleSubmit = async (e) => {
     e.preventDefault();
     mountStore.setItem(true);
@@ -70,13 +57,14 @@ function JoinAliasContent({ term, requestClose }) {
       } catch (err) {
         if (!mountStore.getItem()) return;
         setProcess(false);
-        setError(`Unable to find room/space with ${alias}. Either room/space is private or doesn't exist.`);
+        setError(
+          `Unable to find room/space with ${alias}. Either room/space is private or doesn't exist.`
+        );
       }
     }
     try {
       const roomId = await join(alias, false, via);
       if (!mountStore.getItem()) return;
-      setLastJoinId(roomId);
       openRoom(roomId);
     } catch {
       if (!mountStore.getItem()) return;
@@ -87,24 +75,23 @@ function JoinAliasContent({ term, requestClose }) {
 
   return (
     <form className="join-alias" onSubmit={handleSubmit}>
-      <Input
-        label="Address"
-        value={term}
-        name="alias"
-        required
-      />
-      {error && <Text className="join-alias__error" variant="b3">{error}</Text>}
+      <Input label="Address" value={term} name="alias" required />
+      {error && (
+        <Text className="join-alias__error" variant="b3">
+          {error}
+        </Text>
+      )}
       <div className="join-alias__btn">
-        {
-          process
-            ? (
-              <>
-                <Spinner size="small" />
-                <Text>{process}</Text>
-              </>
-            )
-            : <Button variant="primary" type="submit">Join</Button>
-        }
+        {process ? (
+          <>
+            <Spinner size="small" />
+            <Text>{process}</Text>
+          </>
+        ) : (
+          <Button variant="primary" type="submit">
+            Join
+          </Button>
+        )}
       </div>
     </form>
   );
@@ -141,13 +128,15 @@ function JoinAlias() {
   return (
     <Dialog
       isOpen={data !== null}
-      title={(
-        <Text variant="s1" weight="medium" primary>Join with address</Text>
-      )}
+      title={
+        <Text variant="s1" weight="medium" primary>
+          Join with address
+        </Text>
+      }
       contentOptions={<IconButton src={CrossIC} onClick={requestClose} tooltip="Close" />}
       onRequestClose={requestClose}
     >
-      { data ? <JoinAliasContent term={data.term} requestClose={requestClose} /> : <div /> }
+      {data ? <JoinAliasContent term={data.term} requestClose={requestClose} /> : <div />}
     </Dialog>
   );
 }