"vscode:/vscode.git/clone" did not exist on "432f2053ddfe545abddb6252520dc21f7ee2b410"
Command2.tsx 2.14 KB
Newer Older
1
2
import React from 'react';
import { TooltipHost, DirectionalHint } from '@fluentui/react';
Lijiaoa's avatar
Lijiaoa committed
3
import { EXPERIMENT } from '@static/datamodel';
4
import { leftProgress } from '../count/commonStyle';
Lijiaoa's avatar
Lijiaoa committed
5
6
import { TOOLTIP_BACKGROUND_COLOR } from '@static/const';
import '@style/experiment/overview/command.scss';
7
8
9

export const Command2 = (): any => {
    return (
10
        <div className='basic' style={leftProgress}>
Lijiaoa's avatar
Lijiaoa committed
11
            <p className='command'>Log directory</p>
12
            <div className='ellipsis'>
13
14
                <TooltipHost
                    content={EXPERIMENT.profile.logDir || 'unknown'}
15
                    className='ellipsis'
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
                    directionalHint={DirectionalHint.bottomCenter}
                    tooltipProps={{
                        calloutProps: {
                            styles: {
                                beak: { background: TOOLTIP_BACKGROUND_COLOR },
                                beakCurtain: { background: TOOLTIP_BACKGROUND_COLOR },
                                calloutMain: { background: TOOLTIP_BACKGROUND_COLOR }
                            }
                        }
                    }}
                >
                    {EXPERIMENT.profile.logDir || 'unknown'}
                </TooltipHost>
            </div>
            <p className='lineMargin'>Trial command</p>
31
            <div className='ellipsis'>
32
                <TooltipHost
33
                    content={EXPERIMENT.config.trialCommand || 'unknown'}
34
                    className='ellipsis'
35
36
37
38
39
40
41
42
43
44
45
                    directionalHint={DirectionalHint.bottomCenter}
                    tooltipProps={{
                        calloutProps: {
                            styles: {
                                beak: { background: TOOLTIP_BACKGROUND_COLOR },
                                beakCurtain: { background: TOOLTIP_BACKGROUND_COLOR },
                                calloutMain: { background: TOOLTIP_BACKGROUND_COLOR }
                            }
                        }
                    }}
                >
46
                    {EXPERIMENT.config.trialCommand || 'unknown'}
47
48
49
50
51
                </TooltipHost>
            </div>
        </div>
    );
};