32 lines
1.2 KiB
JavaScript
32 lines
1.2 KiB
JavaScript
|
import { useMemo } from 'react'
|
||
|
|
import { getGetServerSideProps } from '@/api/ssrApollo'
|
||
|
|
import Layout from '@/components/layout'
|
||
|
|
import UserList from '@/components/user-list'
|
||
|
|
import { MY_SUBSCRIBED_USERS } from '@/fragments/users'
|
||
|
|
import { SettingsHeader } from '../index'
|
||
|
|
import { SubscribeUserContextProvider } from '@/components/subscribeUser'
|
||
|
|
|
||
|
|
export const getServerSideProps = getGetServerSideProps({ query: MY_SUBSCRIBED_USERS, authRequired: true })
|
||
|
|
|
||
|
|
export default function MySubscribedUsers ({ ssrData }) {
|
||
|
|
const subscribeUserContextValue = useMemo(() => ({ refetchQueries: ['MySubscribedUsers'] }), [])
|
||
|
|
return (
|
||
|
|
<Layout>
|
||
|
|
<div className='pb-3 w-100 mt-2'>
|
||
|
|
<SettingsHeader />
|
||
|
|
<div className='mb-4 text-muted'>These here are stackers you've hitched your wagon to, pardner.</div>
|
||
|
|
<SubscribeUserContextProvider value={subscribeUserContextValue}>
|
||
|
|
<UserList
|
||
|
|
ssrData={ssrData} query={MY_SUBSCRIBED_USERS}
|
||
|
|
destructureData={data => data.mySubscribedUsers}
|
||
|
|
variables={{}}
|
||
|
|
rank
|
||
|
|
nymActionDropdown
|
||
|
|
statCompsProp={[]}
|
||
|
|
/>
|
||
|
|
</SubscribeUserContextProvider>
|
||
|
|
</div>
|
||
|
|
</Layout>
|
||
|
|
)
|
||
|
|
}
|