\n {`${ui?.siteName} | ${performer?.username}`}\n

{"type":"doc","content":[{"type":"heading","attrs":{"level":3},"content":[{"text":"Performer Controller Samples:","type":"text","marks":[{"type":"em"}]}]},{"type":"codeBlock","content":[{"text":"import {\n Controller,\n Injectable,\n HttpCode,\n HttpStatus,\n UsePipes,\n ValidationPipe,\n Get,\n Param,\n Query,\n HttpException\n} from '@nestjs/common';\nimport {\n DataResponse,\n PageableData\n} from 'src/kernel';\nimport { PERFORMER_STATUSES } from '../constants';\nimport {\n PerformerDto,\n IPerformerResponse\n} from '../dtos';\nimport {\n PerformerSearchPayload\n} from '../payloads';\nimport { PerformerService, PerformerSearchService } from '../services';\n\n@Injectable()\n@Controller('performers')\nexport class PerformerController {\n constructor(\n private readonly performerService: PerformerService,\n private readonly performerSearchService: PerformerSearchService\n ) {}\n\n @Get('/search')\n @HttpCode(HttpStatus.OK)\n @UsePipes(new ValidationPipe({ transform: true }))\n async usearch(\n @Query() req: PerformerSearchPayload\n ): Promise>> {\n const data = await this.performerSearchService.search(req);\n return DataResponse.ok(data);\n }\n\n @Get('/:username')\n @HttpCode(HttpStatus.OK)\n async getDetails(\n @Param('username') performerUsername: string\n ): Promise>> {\n const data = await this.performerService.findByUsername(\n performerUsername\n );\n\n if (!data || data.status !== PERFORMER_STATUSES.ACTIVE) {\n throw new HttpException('This account is suspended', 403);\n }\n\n return DataResponse.ok(data.toPublicDetailsResponse());\n }\n}","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Performer View Code Samples","type":"text","marks":[{"type":"em"}]}]},{"type":"codeBlock","content":[{"text":"import { PureComponent } from 'react';\nimport {\n Layout, Tabs, Image\n} from 'antd';\nimport { connect } from 'react-redux';\nimport {\n getVideos, moreVideo\n} from '@redux/video/actions';\nimport { getGalleries, moreGalleries } from '@redux/gallery/actions';\nimport { performerService, utilsService } from 'src/services';\nimport Head from 'next/head';\nimport Error from 'next/error';\nimport {\n VideoCameraOutlined, PictureOutlined\n} from '@ant-design/icons';\nimport { ScrollListVideo } from '@components/video';\nimport { PerformerInfo } from '@components/performer';\nimport { ScrollListGallery } from '@components/gallery/scroll-list-item';\nimport {\n IPerformer, IUser, IUIConfig, ICountry, IError\n} from 'src/interfaces';\nimport '@components/performer/performer.less';\n\ninterface IProps {\n error: IError;\n ui: IUIConfig;\n countries: ICountry[];\n currentUser: IUser;\n performer: IPerformer;\n getVideos: Function;\n moreVideo: Function;\n getGalleries: Function;\n moreGalleries: Function;\n videoState: any;\n galleryState: any;\n}\n\nconst { TabPane } = Tabs;\n\nclass PerformerProfile extends PureComponent {\n static authenticate = true;\n\n static noredirect = true;\n\n static async getInitialProps({ ctx }) {\n const { query } = ctx;\n try {\n const [performer, countries] = await Promise.all([\n performerService.findOne(query.id, {\n Authorization: ctx.token || ''\n }),\n utilsService.countriesList()\n ]);\n return {\n performer: performer?.data,\n countries: countries?.data || []\n };\n } catch (e) {\n const error = await Promise.resolve(e);\n return { error };\n }\n }\n\n state = {\n itemPerPage: 24,\n videoPage: 0,\n galleryPage: 0,\n activeTab: 'video'\n };\n\n async componentDidMount() {\n this.loadItems();\n }\n\n loadItems = () => {\n const { itemPerPage, activeTab } = this.state;\n const {\n performer,\n getGalleries: getGalleriesHandler,\n getVideos: getVideosHandler\n } = this.props;\n switch (activeTab) {\n case 'video':\n this.setState({ videoPage: 0 }, () => {\n getVideosHandler({\n limit: itemPerPage,\n offset: 0,\n performerId: performer._id\n });\n });\n break;\n case 'gallery':\n this.setState({ galleryPage: 0 }, () => {\n getGalleriesHandler({\n limit: itemPerPage,\n offset: 0,\n performerId: performer._id\n });\n });\n break;\n default: break;\n }\n }\n\n loadMoreItem = async () => {\n const {\n moreVideo: moreVideoHandler,\n videoState,\n moreGalleries: moreGalleryHandler,\n galleryState,\n performer\n } = this.props;\n const {\n videoPage, itemPerPage, galleryPage, activeTab\n } = this.state;\n if (activeTab === 'video') {\n if (videoState.items.length >= videoState.total) {\n return;\n }\n this.setState({\n videoPage: videoPage + 1\n }, () => moreVideoHandler({\n limit: itemPerPage,\n offset: (videoPage + 1) * itemPerPage,\n performerId: performer._id\n }));\n }\n if (activeTab === 'gallery') {\n if (galleryState.items.length >= galleryState.total) {\n return;\n }\n this.setState({\n videoPage: videoPage + 1\n }, () => moreGalleryHandler({\n limit: itemPerPage,\n offset: (galleryPage + 1) * itemPerPage,\n performerId: performer._id\n }));\n }\n };\n\n render() {\n const {\n error, performer, ui, videoState, galleryState, countries\n } = this.props;\n if (error) {\n return ;\n }\n const { items: videos = [], total: totalVideos = 0, requesting: loadingVid = true } = videoState;\n const { items: galleries = [], total: totalGalleries = 0, requesting: loadingGallery = true } = galleryState;\n const {\n activeTab\n } = this.state;\n\n return (\n \n \n \n {`${ui?.siteName} | ${performer?.username}`}\n \n \n \n {/* OG tags */}\n \n \n \n \n {/* Twitter tags */}\n \n \n \n \n

\n {performer?.name || 'N/A'}\n

\n @\n {performer?.username || 'n/a'}\n

\n \n

\n {\n this.setState({ activeTab: tab }, () => this.loadItems());\n }}\n >\n \n \n VIDEOS\n \n )}\n key=\"video\"\n >\n \n \n \n \n GALLERIES\n \n )}\n key=\"gallery\"\n >\n \n \n \n

\n \n );\n }\n}\n\nconst mapStates = (state: any) => ({\n ui: state.ui,\n videoState: { ...state.video.videos },\n galleryState: { ...state.gallery.galleries },\n currentUser: { ...state.user.current }\n});\n\nconst mapDispatch = {\n getVideos,\n moreVideo,\n getGalleries,\n moreGalleries\n};\nexport default connect(mapStates, mapDispatch)(PerformerProfile);","type":"text"}]}],"version":1}