+
+
+ void setState({ activityDimension: value as ActivityDimension, activityPage: 0 })
+ }
+ aria-label='Group activity by'
+ />
+ {activityDimension !== 'member' && (
+
+ void setState({ activitySort: value as ActivitySort, activityPage: 0 })
+ }
+ aria-label='Sort activity by'
+ align='end'
+ />
+ )}
+
+ {breakdown.isError ? (
+
+ Couldn't load the breakdown.{' '}
+ void breakdown.refetch()}>Retry
+
+ ) : !breakdown.data ? (
+
Loading breakdown…
+ ) : breakdown.data.rows.length === 0 ? (
+
No activity in this period.
+ ) : (
+
+ void setState(
+ { workspace: id, activityDimension: 'workflow', activityPage: 0 },
+ { history: 'push' }
+ )
+ }
+ />
+ )}
+
+ {(activityPage > 0 || breakdown.data?.hasMore) && (
+
+ void setState({ activityPage: activityPage - 1 })}
+ >
+ Previous
+
+
+ {activityPage + 1}
+
+ = ACTIVITY_MAX_PAGE
+ }
+ onClick={() => void setState({ activityPage: activityPage + 1 })}
+ >
+ Next
+
+
+ )}
+
+
+