move issues and user pages to app dir

Author: Roshanjossey

app/issues/page.tsx

@@ -0,0 +1,59 @@
+'use client'
+
+import { headers } from 'next/headers'
+import {
+  Environment,
+  graphql,
+  RelayEnvironmentProvider,
+  usePreloadedQuery,
+} from 'react-relay'
+import { getCurrentEnvironment } from 'src/relay/environment'
+import loadSerializableQuery from 'src/relay/loadSerializableQuery'
+import useSerializablePreloadedQuery from 'src/relay/useSerializablePreloadedQuery'
+import Layout from 'src/components/Layout'
+import UserDetails from 'src/components/UserDetails/UserDetails'
+import issuesQueryNode, { issuesQuery } from '__generated__/issuesQuery.graphql'
+import Card from 'src/components/Card'
+import IssuesFromLastRepo from 'src/components/issue/IssuesFromLastRepo'
+import IssuesFromRecentRepos from 'src/components/issue/IssuesFromRecentRepo'
+import RelevantIssues from 'src/components/issue/RelevantIssues'
+
+const IssuesQuery = graphql`
+  query issuesQuery {
+    viewer {
+      handle
+      ...UserDetails_user
+      ...RelevantIssues
+      ...IssuesFromLastRepo
+      ...IssuesFromRecentRepos
+    }
+  }
+`
+export default async function Story() {
+  const requestCookie = headers().get('cookie')
+  const environment = getCurrentEnvironment(requestCookie ?? '')
+  const preloadedQuery = await loadSerializableQuery<
+    typeof issuesQueryNode,
+    issuesQuery
+  >(issuesQueryNode.params, {}, requestCookie ?? '')
+  const queryRef = useSerializablePreloadedQuery(environment, preloadedQuery)
+  const data = usePreloadedQuery(IssuesQuery, queryRef)
+  return (
+    <RelayEnvironmentProvider environment={environment as Environment}>
+      <div>
+        <Layout
+          sidebarContentRight={<></>}
+          sidebarContentLeft={
+            <Card>
+              <UserDetails user={data.viewer} />
+            </Card>
+          }
+        >
+          <IssuesFromLastRepo user={data.viewer} />
+          <IssuesFromRecentRepos user={data.viewer} />
+          <RelevantIssues user={data.viewer} />
+        </Layout>
+      </div>
+    </RelayEnvironmentProvider>
+  )
+}

app/user/[handle]/page.tsx

@@ -0,0 +1,62 @@
+'use client'
+
+import { headers } from 'next/headers'
+import { useRouter } from 'next/router'
+import {
+  Environment,
+  graphql,
+  RelayEnvironmentProvider,
+  usePreloadedQuery,
+} from 'react-relay'
+import { getCurrentEnvironment } from 'src/relay/environment'
+import loadSerializableQuery from 'src/relay/loadSerializableQuery'
+import useSerializablePreloadedQuery from 'src/relay/useSerializablePreloadedQuery'
+import Layout from 'src/components/Layout'
+import UserDetails from 'src/components/UserDetails/UserDetails'
+import Handle_UserQueryNode, {
+  Handle_UserQuery,
+} from '__generated__/Handle_UserQuery.graphql'
+import Card from 'src/components/Card'
+import MyStories from 'src/components/feed/MyStories'
+
+const UserQuery = graphql`
+  query Handle_UserQuery($handle: String!) {
+    user(handle: $handle) {
+      handle
+      ...UserDetails_user
+      ...MyStories__Query
+    }
+  }
+`
+export default async function User() {
+  const requestCookie = headers().get('cookie')
+  const environment = getCurrentEnvironment(requestCookie ?? '')
+  const router = useRouter()
+  const { handle } = router.query
+  const preloadedQuery = await loadSerializableQuery<
+    typeof Handle_UserQueryNode,
+    Handle_UserQuery
+  >(
+    Handle_UserQueryNode.params,
+    { handle: (handle as string) ?? '' },
+    requestCookie ?? ''
+  )
+  const queryRef = useSerializablePreloadedQuery(environment, preloadedQuery)
+  const data = usePreloadedQuery(UserQuery, queryRef)
+  return (
+    <RelayEnvironmentProvider environment={environment as Environment}>
+      <div>
+        <Layout
+          sidebarContentRight={handle}
+          sidebarContentLeft={
+            <Card>
+              <UserDetails user={data.user} />
+            </Card>
+          }
+        >
+          <MyStories user={data.user} />
+        </Layout>
+      </div>
+    </RelayEnvironmentProvider>
+  )
+}