mirror of
https://github.com/plausible/analytics.git
synced 2024-12-01 03:48:35 +03:00
e71de6dc1f
* Invite existing user to a site * Add invitation flow for non-existing users * Accept and reject invitations * Use invitation flow for existing users * Locking mechanism for sites * Authorization for site settings * Show usage based on site ownership * Add ability to remove members from a site * Do not show settings link to viewer roles * Ability to remove invitations * Remove `Plausible.Sites.count_for/1` * Fix tests * Do not show the trial banner after the trial * Correct trial emails * Transfer ownership * Send invitation email to existing user * Add invitation email flows * Add plug for role-based authorization * Rename AuthorizeStatsPlug -> AuthorizeSiteAccess * Add email flow for ownership transfer * Fix URLs in emails * Fix small copy issues * Make 'People' its own section in site settings * Notify user via email if their access has been removed * Check site lock status when invitation is accepted * Check lock status when user subscribes * Make sure only admins and owners can create shared links * Changelog * Add LockSites to daily cron * Clean invitations after 48 hours * Add notices about expiry * Add invitation expired page * Add doc link
55 lines
1.5 KiB
JavaScript
55 lines
1.5 KiB
JavaScript
import React from 'react';
|
|
import { withRouter } from 'react-router-dom'
|
|
|
|
import Historical from './historical'
|
|
import Realtime from './realtime'
|
|
import {parseQuery} from './query'
|
|
import * as api from './api'
|
|
import { withThemeProvider } from './theme-provider-hoc';
|
|
|
|
const THIRTY_SECONDS = 30000
|
|
|
|
class Timer {
|
|
constructor() {
|
|
this.listeners = []
|
|
this.intervalId = setInterval(this.dispatchTick.bind(this), THIRTY_SECONDS)
|
|
}
|
|
|
|
onTick(listener) {
|
|
this.listeners.push(listener)
|
|
}
|
|
|
|
dispatchTick() {
|
|
for (const listener of this.listeners) {
|
|
listener()
|
|
}
|
|
}
|
|
}
|
|
|
|
class Dashboard extends React.Component {
|
|
constructor(props) {
|
|
super(props)
|
|
this.state = {
|
|
query: parseQuery(props.location.search, this.props.site),
|
|
timer: new Timer()
|
|
}
|
|
}
|
|
|
|
componentDidUpdate(prevProps) {
|
|
if (prevProps.location.search !== this.props.location.search) {
|
|
api.cancelAll()
|
|
this.setState({query: parseQuery(this.props.location.search, this.props.site)})
|
|
}
|
|
}
|
|
|
|
render() {
|
|
if (this.state.query.period === 'realtime') {
|
|
return <Realtime timer={this.state.timer} site={this.props.site} loggedIn={this.props.loggedIn} currentUserRole={this.props.currentUserRole} query={this.state.query} />
|
|
} else {
|
|
return <Historical timer={this.state.timer} site={this.props.site} loggedIn={this.props.loggedIn} currentUserRole={this.props.currentUserRole} query={this.state.query} />
|
|
}
|
|
}
|
|
}
|
|
|
|
export default withRouter(withThemeProvider(Dashboard))
|