diff --git a/src/components/AdminPanel/AdminAnalytics.tsx b/src/components/AdminPanel/AdminAnalytics.tsx index c066f2f4..864e7546 100644 --- a/src/components/AdminPanel/AdminAnalytics.tsx +++ b/src/components/AdminPanel/AdminAnalytics.tsx @@ -61,6 +61,14 @@ const sspsData: Array<{ value: SSPs; label: string }> = [ { value: 'Qortex', label: 'Qortex' } ] +type Placements = '' | 'app' | 'site' + +const placementData: Array<{ value: Placements; label: string }> = [ + { value: '', label: 'All Placements' }, + { value: 'app', label: 'App' }, + { value: 'site', label: 'Site' } +] + const mapSegmentLabel = (analType: AnalyticsType, segment: string): { segementLabel: string } => { let segementLabel = segment @@ -103,6 +111,7 @@ const AdminAnalytics = () => { const [timeframe, setTimeframe] = useState('month') const [analType, setAnalType] = useState('ssp') const [ssp, setSsp] = useState('') + const [placement, setPlacement] = useState('') const [startDate, setStartDate] = useState( dayjs().subtract(1, 'month').startOf('month').toDate() ) @@ -151,14 +160,15 @@ const AdminAnalytics = () => { timeframe, startDate || undefined, end || undefined, - ssp || undefined + ssp || undefined, + placement || undefined ) setAnalyticsKey(key) console.log('key', key) } checkAnalytics() - }, [analType, getAnalyticsKeyAndUpdate, ssp, startDate, timeframe]) + }, [analType, getAnalyticsKeyAndUpdate, placement, ssp, startDate, timeframe]) const loading = useMemo(() => adminMappedAnalytics?.status === 'loading', [adminMappedAnalytics]) @@ -242,6 +252,14 @@ const AdminAnalytics = () => { data={sspsData} size="md" /> + Promise<{ key: string; period: AnalyticsPeriod } | undefined> initialAnalyticsLoading: boolean mappedAnalytics: Map @@ -238,7 +239,8 @@ const CampaignsAnalyticsProvider: FC = ({ children }) => { selectedTimeframe?: Timeframe, startFrom?: Date, endTo?: Date, - ssp?: SSPs + ssp?: SSPs, + placement?: Placement ): Promise<{ key: string; period: AnalyticsPeriod } | undefined> => { if (!analyticsType || (!forAdmin && !campaign?.id)) { return @@ -286,6 +288,7 @@ const CampaignsAnalyticsProvider: FC = ({ children }) => { timezone: 'UTC', timeframe, ...{ ssp }, + ...{ placement }, segmentBy: analyticsType === 'timeframe' ? undefined : analyticsType }