mirror of
https://github.com/overleaf/overleaf.git
synced 2024-10-17 21:05:04 -04:00
[web] rename all the JSX files to .jsx/.tsx GitOrigin-RevId: 82056ae47e017523722cf258dcc83c8a925a28f7
42 lines
1.2 KiB
JavaScript
42 lines
1.2 KiB
JavaScript
import ToolbarHeader from '../js/features/editor-navigation-toolbar/components/toolbar-header'
|
|
import { ScopeDecorator } from './decorators/scope'
|
|
|
|
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: 'Editor / Toolbar',
|
|
component: ToolbarHeader,
|
|
argTypes: {
|
|
goToUser: { action: 'goToUser' },
|
|
renameProject: { action: 'renameProject' },
|
|
toggleHistoryOpen: { action: 'toggleHistoryOpen' },
|
|
toggleReviewPanelOpen: { action: 'toggleReviewPanelOpen' },
|
|
toggleChatOpen: { action: 'toggleChatOpen' },
|
|
openShareModal: { action: 'openShareModal' },
|
|
onShowLeftMenuClick: { action: 'onShowLeftMenuClick' },
|
|
},
|
|
args: {
|
|
projectName: 'Overleaf Project',
|
|
onlineUsers: [{ user_id: 'abc', name: 'overleaf' }],
|
|
unreadMessageCount: 0,
|
|
},
|
|
decorators: [ScopeDecorator],
|
|
}
|