diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx index 076c45a88..1e0fe6bce 100644 --- a/frontend/src/App.tsx +++ b/frontend/src/App.tsx @@ -17,7 +17,7 @@ import { OptionsContext } from "./components/options/Options"; import TerminalViewer from "./components/vnc_viewer/TerminalViewer"; import StatusBar from "./components/status_bar/StatusBar"; -const App = () => { +const App = ({ isUnibotics }: { isUnibotics: boolean }) => { const [fileBrowserWidth, setFileBrowserWidth] = useState(300); const [editorWidth, setEditorWidth] = useState(800); const [currentFilename, setCurrentFilename] = useState(""); @@ -164,6 +164,7 @@ const App = () => { // onSetShowExecStatus={onSetShowExecStatus} manager={manager} showVNCViewer={showVNCViewer} + isUnibotics={isUnibotics} />
@@ -215,6 +216,7 @@ const App = () => { currentFilename={currentFilename} currentProjectname={currentProjectname} setProjectChanges={setProjectChanges} + isUnibotics={isUnibotics} /> {showTerminal && }
diff --git a/frontend/src/components/file_editor/FileEditor.tsx b/frontend/src/components/file_editor/FileEditor.tsx index ae976cefb..880af95aa 100644 --- a/frontend/src/components/file_editor/FileEditor.tsx +++ b/frontend/src/components/file_editor/FileEditor.tsx @@ -7,15 +7,18 @@ import "./FileEditor.css"; import { ReactComponent as SaveIcon } from "./img/save.svg"; import { ReactComponent as SplashIcon } from "./img/logo_jderobot_monocolor.svg"; +import { ReactComponent as SplashIconUnibotics } from "./img/logo_unibotics_monocolor.svg"; const FileEditor = ({ currentFilename, currentProjectname, setProjectChanges, + isUnibotics, }: { currentFilename: any; currentProjectname: any; setProjectChanges: any; + isUnibotics: boolean; }) => { const [fileContent, setFileContent] = useState(null); const [fontSize, setFontSize] = useState(14); @@ -165,7 +168,16 @@ const FileEditor = ({ }} /> ) : ( - + <> + {isUnibotics ? ( + + ) : ( + + )} + )} ); diff --git a/frontend/src/components/file_editor/img/logo_unibotics.svg b/frontend/src/components/file_editor/img/logo_unibotics.svg new file mode 100644 index 000000000..b00d30ebc --- /dev/null +++ b/frontend/src/components/file_editor/img/logo_unibotics.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/frontend/src/components/file_editor/img/logo_unibotics_monocolor.svg b/frontend/src/components/file_editor/img/logo_unibotics_monocolor.svg new file mode 100644 index 000000000..fdffd1729 --- /dev/null +++ b/frontend/src/components/file_editor/img/logo_unibotics_monocolor.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/frontend/src/components/header_menu/HeaderMenu.tsx b/frontend/src/components/header_menu/HeaderMenu.tsx index 09ef0eff7..a596752eb 100644 --- a/frontend/src/components/header_menu/HeaderMenu.tsx +++ b/frontend/src/components/header_menu/HeaderMenu.tsx @@ -13,6 +13,7 @@ import { import CommsManager from "../../api_helper/CommsManager"; import { ReactComponent as LogoIcon } from "../file_editor/img/logo_jderobot_monocolor.svg"; +import { ReactComponent as LogoUniboticsIcon } from "../file_editor/img/logo_unibotics_monocolor.svg"; import "./HeaderMenu.css"; import { ReactComponent as ProjectsIcon } from "./img/change_project.svg"; @@ -41,6 +42,7 @@ const HeaderMenu = ({ // onSetShowExecStatus, manager, showVNCViewer, + isUnibotics, }: { currentProjectname: string; setCurrentProjectname: Function; @@ -53,6 +55,7 @@ const HeaderMenu = ({ setGazeboEnabled: Function; manager: CommsManager | null; showVNCViewer: Function; + isUnibotics: boolean; }) => { // Settings const settings = useContext(OptionsContext); @@ -355,7 +358,13 @@ const HeaderMenu = ({ return ( - + {isUnibotics ? ( + + + + ) : ( + + )}

BT Studio IDE

- + , // , );