/
sanagl
/
ui-kit-ce
Обзор
Документация
Войти
/
sanagl
/
ui-kit-ce
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
develop
packages/clickstream/examples/BasicClickStream.tsx
46 строк
1 KB
Pavel Uryadyshev
docs(clickstream): добавлена документация для ClickStream
18 июл 2024, 11:57
18 июл 2024, 11:57
f5aa6cf
Код
Авторство
О чём код?
import * as React from 'react' import { Grid, GridItem } from '@v-uik/base' import { ClickStreamProvider, ClickStreamEventBatch, ClickStreamEventData, } from '@v-uik/clickstream' import { Code } from './_Code' import { BasicForm } from './_BasicForm' const BATCH_SIZE = 10 export const BasicClickStream: React.FC = () => { const [batchEvents, setBatchEvents] = React.useState<ClickStreamEventBatch>( [] ) const [remainingEvents, setRemainingEvents] = React.useState(BATCH_SIZE) const handleSendEvent = (batch: ClickStreamEventBatch) => { setBatchEvents(batch) } const handleBatch = ( event: Event, data: ClickStreamEventData, batch: ClickStreamEventBatch ) => { const newValue = BATCH_SIZE - batch.length - 1 setRemainingEvents(newValue === 0 ? BATCH_SIZE : newValue) } return ( <ClickStreamProvider onBatch={handleBatch} onSendEvent={handleSendEvent}> <Grid> <GridItem xs={16}> <BasicForm description={`Remaining events: ${remainingEvents}/${BATCH_SIZE}`} /> </GridItem> <GridItem xs={16}> <Code data={batchEvents} /> </GridItem> </Grid> </ClickStreamProvider> ) }