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

{"type":"doc","content":[{"type":"heading","attrs":{"level":2},"content":[{"text":"Performer Controller","type":"text"}]},{"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@Injectable()\n@Controller('performers')\nexport class PerformerController {\n constructor(\n private readonly performerService: PerformerService,\n private readonly performerSearchService: PerformerSearchService\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 @Get('/:username')\n @HttpCode(HttpStatus.OK)\n async getDetails(\n @Param('username') performerUsername: string\n ): Promise>> {\n const data = await this.performerService.findByUsername(performerUsername);\n if (!data || data.status !== PERFORMER_STATUSES.ACTIVE) {\n throw new HttpException('This account is suspended', 403);\n}\n return DataResponse.ok(data.toPublicDetailsResponse());\n }\n}","type":"text"}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Performer View","type":"text"}]},{"type":"codeBlock","content":[{"text":"import { PureComponent } from 'react';\nimport {\nLayout, Tabs, Image\n} from 'antd';\nimport { connect } from 'react-redux';\nimport {\ngetVideos, 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 {\nVideoCameraOutlined, 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 { IPerformer, IUser, IUIConfig, ICountry, IError\n} from 'src/interfaces';\nimport '@components/performer/performer.less';\n\ninterface IProps {\nerror: IError;\nui: IUIConfig;\ncountries: ICountry[];\ncurrentUser: IUser;\nperformer: IPerformer;\ngetVideos: Function;\nmoreVideo: Function;\ngetGalleries: Function;\nmoreGalleries: Function;\nvideoState: any;\ngalleryState: any;\n}\n\nconst { TabPane } = Tabs;\nclass PerformerProfile extends PureComponent {\nstatic authenticate = true;\nstatic noredirect = true;\nstatic 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} }\nstate = {\n itemPerPage: 24,\n videoPage: 0,\n galleryPage: 0,\n activeTab: 'video'\n};\nasync componentDidMount() {\n this.loadItems();\n}\nloadItems = () => {\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 break;\n case 'gallery':\n this.setState({ galleryPage: 0 }, () => {\n getGalleriesHandler({\n limit: itemPerPage,\n offset: 0,\n performerId: performer._id\n}); });\nbreak;\n default: break;\n }\n}\nloadMoreItem = async () => {\n const {\n moreVideo: moreVideoHandler,\n videoState,\n moreGalleries: moreGalleryHandler,\n galleryState,\nperformer\n}\nconst {\n= this.props;\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 if (activeTab === 'gallery') {\n if (galleryState.items.length >= galleryState.total) {\nreturn; }\n this.setState({\n videoPage: videoPage + 1\n }, () => moreGalleryHandler({\n limit: itemPerPage,\n offset: (galleryPage + 1) * itemPerPage,\n performerId: performer._id\n})); }\n};\nrender() {\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 } = gallerySta\n const {\n activeTab\n } = this.state;\n return (\n \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 VIDEOS\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}\nconst mapStates\n ui: state.ui,\n videoState: {\n galleryState:\n currentUser: { ...state.user.current }\n= (state: any) => ({\n ...state.video.videos },\n { ...state.gallery.galleries },\nconst mapDispatch = {\n getVideos,\n moreVideo,\n getGalleries,\n moreGalleries\n };\nexport default connect(mapStates, mapDispatch)(PerformerProfile);","type":"text"}]},{"type":"paragraph"}],"version":1}