/
palette.js
153 lines (136 loc) · 4.51 KB
/
palette.js
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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
// @flow
/* eslint-disable import/no-duplicates, import/first */
/**
* Icons (and potentially other UI elements) are associated with more semantic names here and re-exported.
* For example, instead of using `ArrowLeftIcon` for a "back" navigation action,
* a "BackIcon" export should be added here so that
* an icon for the "back" navigation action is only defined once, here,
* and can be changed in a single place.
*
* Icons can be found at https://materialdesignicons.com/
*/
import * as React from 'react';
import { withStyles } from '@material-ui/styles';
import Badge from '@material-ui/core/Badge';
const IconBadge = withStyles({
badge: {
bottom: '25%',
right: '25%',
background: '#e8e8e8',
minWidth: 'auto',
width: '15px',
height: '15px',
},
})(Badge);
import MenuIcon from 'mdi-material-ui/DotsVertical';
// files: general
import FileIcon from 'mdi-material-ui/File';
import FolderIcon from 'mdi-material-ui/Folder';
import FolderOpenIcon from 'mdi-material-ui/FolderOpen';
// files: code
import LanguageBlocklyIcon from 'mdi-material-ui/Widgets';
import LanguageJavascriptIcon from 'mdi-material-ui/LanguageJavascript';
import LanguagePythonIcon from 'mdi-material-ui/LanguagePython';
// files: other file types
import ImageFileIcon from 'mdi-material-ui/Image';
import MarkdownFileIcon from 'mdi-material-ui/LanguageMarkdown';
import PdfFileIcon from 'mdi-material-ui/FilePdf';
// files: metadata
import MetadataPluginsIcon from 'mdi-material-ui/ToyBrick';
import MetadataAssetsIcon from 'mdi-material-ui/FolderImage';
import MetadataLayoutIcon from 'mdi-material-ui/ViewCompactOutline';
import MetadataSimulatorIcon from 'mdi-material-ui/AxisArrow';
import MetadataToolboxIcon from 'mdi-material-ui/ToolboxOutline';
// projects
import LocalProjectIcon from 'mdi-material-ui/Folder';
import UploadExerciseIcon from 'mdi-material-ui/CloudUpload';
// project actions
import RestoreLayoutIcon from 'mdi-material-ui/ViewCompactOutline';
import SettingsIcon from 'mdi-material-ui/Cogs';
// IDE navigation
import SelectLanguageIcon from 'mdi-material-ui/Translate';
import HelpIcon from 'mdi-material-ui/HelpCircleOutline';
import ContestIcon from 'mdi-material-ui/ExclamationThick';
import ControlsIcon from 'mdi-material-ui/TuneVertical';
import IndexDBTestIcon from 'mdi-material-ui/Database';
import WebRTCTestIcon from 'mdi-material-ui/Forum';
// IDE tab components
import ConsoleIcon from 'mdi-material-ui/Console';
import SimulatorIcon from 'mdi-material-ui/AxisArrow';
// file/collection actions
import CreateIcon from 'mdi-material-ui/Plus';
import OpenIcon from 'mdi-material-ui/FolderOpen';
import RenameIcon from 'mdi-material-ui/Pencil';
import DeleteIcon from 'mdi-material-ui/Delete';
import RefreshIcon from 'mdi-material-ui/Refresh';
import DownloadIcon from 'mdi-material-ui/Download';
import UploadIcon from 'mdi-material-ui/Upload';
// execution & simulation actions
import ExecuteIcon from 'mdi-material-ui/Play';
import TerminateIcon from 'mdi-material-ui/Stop';
import ResetIcon from 'mdi-material-ui/RotateLeft';
import ZoomInIcon from 'mdi-material-ui/MagnifyPlusOutline';
import ZoomOutIcon from 'mdi-material-ui/MagnifyMinusOutline';
const TerminateAndResetIcon = React.forwardRef<
React.ElementConfig<typeof TerminateIcon>,
TerminateIcon,
>((props, ref) => (
<IconBadge
overlap="circle"
anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}
badgeContent={<ResetIcon style={{ fontSize: '15px' }} />}
>
<TerminateIcon ref={ref} {...props} />
</IconBadge>
));
// misc actions
import SlideLeftIcon from 'mdi-material-ui/ChevronLeft';
import SlideRightIcon from 'mdi-material-ui/ChevronRight';
import AccountCircleIcon from 'mdi-material-ui/AccountCircle';
import ExitToAppIcon from 'mdi-material-ui/ExitToApp';
export {
MenuIcon,
FileIcon,
FolderIcon,
FolderOpenIcon,
LanguageBlocklyIcon,
LanguageJavascriptIcon,
LanguagePythonIcon,
ImageFileIcon,
MarkdownFileIcon,
PdfFileIcon,
MetadataPluginsIcon,
MetadataAssetsIcon,
MetadataLayoutIcon,
MetadataSimulatorIcon,
MetadataToolboxIcon,
LocalProjectIcon,
UploadExerciseIcon,
RestoreLayoutIcon,
SettingsIcon,
SelectLanguageIcon,
HelpIcon,
ContestIcon,
ControlsIcon,
IndexDBTestIcon,
WebRTCTestIcon,
ConsoleIcon,
SimulatorIcon,
CreateIcon,
OpenIcon,
RenameIcon,
DeleteIcon,
DownloadIcon,
UploadIcon,
RefreshIcon,
ExecuteIcon,
TerminateIcon,
ResetIcon,
ZoomInIcon,
ZoomOutIcon,
TerminateAndResetIcon,
SlideLeftIcon,
SlideRightIcon,
AccountCircleIcon,
ExitToAppIcon,
};