-
Notifications
You must be signed in to change notification settings - Fork 745
/
recentBotsList.tsx
107 lines (100 loc) · 4.02 KB
/
recentBotsList.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
//
// Copyright (c) Microsoft. All rights reserved.
// Licensed under the MIT license.
//
// Microsoft Bot Framework: http://botframework.com
//
// Bot Framework Emulator Github:
// https://github.com/Microsoft/BotFramwork-Emulator
//
// Copyright (c) Microsoft Corporation
// All rights reserved.
//
// MIT License:
// Permission is hereby granted, free of charge, to any person obtaining
// a copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to
// permit persons to whom the Software is furnished to do so, subject to
// the following conditions:
//
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED ""AS IS"", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
//
import { BotInfo } from '@bfemulator/app-shared';
import { SmallHeader, TruncateText } from '@bfemulator/ui-react';
import * as React from 'react';
import { Component, ReactNode } from 'react';
import * as styles from './recentBotsList.scss';
export interface RecentBotsListProps {
onBotSelected?: (bot: BotInfo) => void;
onDeleteBotClick?: (path: string) => void;
recentBots?: BotInfo[];
showContextMenuForBot?: (bot: BotInfo) => void;
}
export class RecentBotsList extends Component<RecentBotsListProps, {}> {
public render(): ReactNode {
return (
<div className={styles.section}>
<SmallHeader className={styles.marginFix}>My Bots</SmallHeader>
<ul className={`${styles.recentBotsList} ${styles.well}`}>
{this.props.recentBots && this.props.recentBots.length ? (
this.props.recentBots.slice(0, 10).map(
(bot, index) =>
bot && (
<li
className={styles.recentBot}
data-index={index}
key={bot.path}
onContextMenu={this.onBotContextMenu}
>
<button data-index={index} onClick={this.onBotClick} title={bot.path}>
<TruncateText>{bot.displayName}</TruncateText>
</button>
<TruncateText className={styles.recentBotPath} title={bot.path}>
{bot.path}
</TruncateText>
<div className={styles.recentBotActionBar}>
<button data-index={index} onClick={this.onDeleteBotClick}>
<span />
</button>
</div>
</li>
)
)
) : (
<li>
<span className={styles.noBots}>
<TruncateText>You have not opened any bots</TruncateText>
</span>
</li>
)}
</ul>
</div>
);
}
private onBotClick = (event: React.MouseEvent<HTMLButtonElement>) => {
const { index } = event.currentTarget.dataset;
const bot = this.props.recentBots[index] as BotInfo;
this.props.onBotSelected(bot);
};
private onBotContextMenu = (event: React.MouseEvent<HTMLLIElement>): void => {
const { index } = event.currentTarget.dataset;
const bot: BotInfo = this.props.recentBots[index];
this.props.showContextMenuForBot(bot);
};
private onDeleteBotClick = async (event: React.MouseEvent<HTMLButtonElement>) => {
const { index } = event.currentTarget.dataset;
const bot = this.props.recentBots[index];
this.props.onDeleteBotClick(bot.path);
};
}