Bryan Mutai dc01ebdb26
Add Territory Sub management tab in Subscriptions (#2191)
* Add Territory Sub management tab in Subscriptions

* don't use queryRawUnsafe

* auto width on select

* separate into pages for browser nav

* fix multiple separators

* simplify queries

---------

Co-authored-by: k00b <k00b@stacker.news>
2025-06-13 15:01:25 -05:00

31 lines
1.0 KiB
JavaScript

import { useMemo } from 'react'
import { getGetServerSideProps } from '@/api/ssrApollo'
import { MY_SUBSCRIBED_SUBS } from '@/fragments/users'
import TerritoryList from '@/components/territory-list'
import { SubscribeTerritoryContextProvider } from '@/components/territory-header'
import { SubscriptionLayout } from './stackers'
export const getServerSideProps = getGetServerSideProps({
query: MY_SUBSCRIBED_SUBS,
authRequired: true
})
export default function MySubscribedSubs ({ ssrData }) {
const subscribeContextValue = useMemo(() => ({ refetchQueries: ['MySubscribedSubs'] }), [])
return (
<SubscriptionLayout subType='territories'>
<SubscribeTerritoryContextProvider value={subscribeContextValue}>
<TerritoryList
ssrData={ssrData}
query={MY_SUBSCRIBED_SUBS}
variables={{}}
destructureData={data => data.mySubscribedSubs}
rank
subActionDropdown
statCompsProp={[]}
/>
</SubscribeTerritoryContextProvider>
</SubscriptionLayout>
)
}