diff --git a/src/components/back-maseuko/BackMaseuko.css b/src/components/back-maseuko/BackMaseuko.css new file mode 100644 index 0000000..cd2d0c2 --- /dev/null +++ b/src/components/back-maseuko/BackMaseuko.css @@ -0,0 +1,15 @@ +.back-maseuko { + display: block; + margin-right: 8px; + color: #777; + text-decoration: none; +} + +.back-maseuko:hover { + color: #eee; +} + +.back-maseuko:hover .back-maseuko-text { + color: #eee; + text-decoration: underline; +} diff --git a/src/components/back-maseuko/BackMaseuko.js b/src/components/back-maseuko/BackMaseuko.js new file mode 100644 index 0000000..e27481d --- /dev/null +++ b/src/components/back-maseuko/BackMaseuko.js @@ -0,0 +1,10 @@ +import './BackMaseuko.css' + +export default function BackMaseuko() { + return ( + + {"\u2190\u00A0"} + Back to maseuko.pl + + ); +} diff --git a/src/components/toolbar/Toolbar.js b/src/components/toolbar/Toolbar.js index a7ec4d0..d33d539 100644 --- a/src/components/toolbar/Toolbar.js +++ b/src/components/toolbar/Toolbar.js @@ -2,10 +2,12 @@ import './Toolbar.css'; import LoadingIndicator from './LoadingIndicator'; import CustomFileSelect from './CustomFileSelect'; import SideMenuToggle from './SideMenuToggle'; +import BackMaseuko from '../back-maseuko/BackMaseuko'; import SceneryList from './SceneryList'; import ElectrificationStepMode from './ElectrificationStepMode'; import ThemeToggle from './ThemeToggle'; import { useEmbeddedContext } from '../../contexts/EmbeddedContext'; +import Constants from '../../helpers/constants'; export default function Toolbar() { const { isEmbedded } = useEmbeddedContext(); @@ -13,6 +15,7 @@ export default function Toolbar() { return (