update for new router

packages/app/src/pages/@[username]/index.jsx

@@ -1,8 +0,0 @@
-import React from "react"
-import Account from "../account"
-
-export default (props) => {
-    const username = props.match.params.username
-
-    return <Account username={username} />
-}

packages/app/src/pages/[param].jsx

@@ -0,0 +1,17 @@
+import React from "react"
+
+export default (props) => {
+    const entryParam = props.params.param
+
+    if (entryParam.startsWith("@")) {
+        const username = entryParam.replace("@", "")
+
+        window.app.setLocation(`/account/${username}`, {
+            state: {
+                "noTransition": true,
+            }
+        })
+    }
+
+    return <div />
+}

packages/app/src/pages/account/[username].jsx

@@ -2,7 +2,7 @@ import React from "react"
 import Account from "."
 
 export default (props) => {
-    const username = props.match.params.username
+    const username = props.params.username
 
     return <Account username={username} />
 }

packages/app/src/pages/account/index.jsx

@@ -146,7 +146,9 @@ export default class Account extends React.Component {
 	}
 
 	componentWillUnmount = () => {
-		this.coverIntersectionObserver.disconnect()
+		if (this.coverIntersectionObserver) {
+			this.coverIntersectionObserver.disconnect()
+		}
 	}
 
 	fetchData = async (username) => {
@@ -231,7 +233,7 @@ export default class Account extends React.Component {
 			}
 
 			<div className="panels">
-				<div 
+				<div
 					className="leftPanel"
 					ref={this.leftPanelRef}
 				>
@@ -239,7 +241,7 @@ export default class Account extends React.Component {
 						user={user}
 					/>
 
-					<div 
+					<div
 						className="actions"
 						ref={this.actionsRef}
 					>

packages/app/src/pages/home/[type].jsx

@@ -13,7 +13,7 @@ import "./index.less"
 
 export default class Dashboard extends React.Component {
     state = {
-        activeTab: this.props.match.params.type ?? "feed"
+        activeTab: this.props.params.type ?? "feed"
     }
 
     primaryPanelRef = React.createRef()

packages/app/src/pages/home/[type].mobile.jsx

@@ -8,7 +8,7 @@ import "./index.less"
 
 export default class Dashboard extends React.Component {
     state = {
-        activeTab: this.props.match.params.type ?? "feed"
+        activeTab: this.props.params.type ?? "feed"
     }
 
     primaryPanelRef = React.createRef()

packages/app/src/pages/home/index.jsx

@@ -1,7 +1,9 @@
 import React from "react"
 
 export default () => {
-    app.setLocation("/home/feed")
+    app.setLocation("/home/feed", {
+        "noTransition": true,
+    })
 
     return <></>
 }

packages/app/src/pages/live/[key].jsx

@@ -192,7 +192,7 @@ export default class StreamViewer extends React.Component {
     componentDidMount = async () => {
         this.enterPlayerAnimation()
 
-        const requestedUsername = this.props.match.params.key
+        const requestedUsername = this.props.params.key
 
         await this.setState({
             requestedUsername,

packages/app/src/pages/music/[type].jsx

@@ -10,7 +10,7 @@ import "./index.less"
 
 export default class MusicDashboard extends React.Component {
     state = {
-        activeTab: this.props.match.params.type ?? "feed"
+        activeTab: this.props.params.type ?? "feed"
     }
 
     primaryPanelRef = React.createRef()

packages/app/src/pages/tv/[type].jsx

@@ -10,7 +10,7 @@ import "./index.less"
 
 export default class TVDashboard extends React.Component {
     state = {
-        activeTab: this.props.match.params.type ?? "feed"
+        activeTab: this.props.params.type ?? "feed"
     }
 
     primaryPanelRef = React.createRef()