mirror of
https://github.com/overleaf/overleaf.git
synced 2024-09-16 02:52:31 -04:00
d78644e02c
[ReactNavToolbar] Collaborators widget GitOrigin-RevId: 65f2484962591103f02eb7624a974d0806b1abf0
38 lines
876 B
JavaScript
38 lines
876 B
JavaScript
import React from 'react'
|
|
import ToolbarHeader from '../js/features/editor-navigation-toolbar/components/toolbar-header'
|
|
|
|
// required by ColorManager
|
|
window.user = { id: 42 }
|
|
|
|
export const UpToThreeConnectedUsers = args => {
|
|
return <ToolbarHeader {...args} />
|
|
}
|
|
UpToThreeConnectedUsers.args = {
|
|
onlineUsers: ['a', 'c', 'd'].map(c => ({
|
|
user_id: c,
|
|
name: `${c}_user name`
|
|
}))
|
|
}
|
|
|
|
export const ManyConnectedUsers = args => {
|
|
return <ToolbarHeader {...args} />
|
|
}
|
|
ManyConnectedUsers.args = {
|
|
onlineUsers: ['a', 'c', 'd', 'e', 'f'].map(c => ({
|
|
user_id: c,
|
|
name: `${c}_user name`
|
|
}))
|
|
}
|
|
|
|
export default {
|
|
title: 'EditorNavigationToolbar',
|
|
component: ToolbarHeader,
|
|
argTypes: {
|
|
goToUser: { action: 'goToUser' }
|
|
},
|
|
args: {
|
|
onlineUsers: [{ user_id: 'abc', name: 'overleaf' }],
|
|
goToUser: () => {},
|
|
onShowLeftMenuClick: () => {}
|
|
}
|
|
}
|