back to logic gates

src/modules/core/components/BackToSimulation.tsx

@@ -4,23 +4,42 @@ import ListItemIcon from '@material-ui/core/ListItemIcon'
 import ListItemText from '@material-ui/core/ListItemText'
 import Icon from '@material-ui/core/Icon'
 import { useTranslation } from '../../internalisation/helpers/useLanguage'
-import { Link } from 'react-router-dom'
+import { Link, Route } from 'react-router-dom'
-
-const BackToSimulation = () => {
-    const translation = useTranslation()
 
+const linkButton = (to: string, text: string, contained = true) => {
+    const a = 'arrow_back_ios'
     return (
-        <Link to="/">
+        <Link to={to}>
-            <ListItem button className="contained">
+            <ListItem button className={contained ? 'contained' : ''}>
                 <ListItemIcon>
-                    <Icon>arrow_back_ios</Icon>
+                    <Icon>
+                        {contained ? 'device_hub' : 'keyboard_arrow_left'}
+                    </Icon>
                 </ListItemIcon>
-                <ListItemText>
+                <ListItemText>{text}</ListItemText>
-                    {translation.sidebar.backToSimulation}
-                </ListItemText>
             </ListItem>
         </Link>
     )
 }
 
+const BackToSimulation = () => {
+    const translation = useTranslation()
+
+    return (
+        <>
+            {linkButton('/', translation.sidebar.backToSimulation)}
+            <Route
+                path="/info/:name"
+                component={() => {
+                    return linkButton(
+                        '/gates',
+                        translation.sidebar.backToGates,
+                        false
+                    )
+                }}
+            />
+        </>
+    )
+}
+
 export default BackToSimulation

src/modules/internalisation/translations/english.ts

@@ -11,7 +11,8 @@ export const EnglishTranslation: Translation = {
         openSimulation: 'Open simulations',
         simulation: 'Simulation',
         language: 'Language',
-        backToSimulation: 'Back to simulation'
+        backToSimulation: 'Back to simulation',
+        backToGates: 'Back to logic gates'
     },
     createSimulation: {
         mode: {

src/modules/internalisation/translations/nederlands.ts

@@ -11,7 +11,8 @@ export const DutchTranslation: Translation = {
         openSimulation: 'Open simulatie',
         simulation: 'Todo',
         language: 'Taal',
-        backToSimulation: 'Todo'
+        backToSimulation: 'Todo',
+        backToGates: 'Todo'
     },
     actions: {
         'delete selection': 'Todo',

src/modules/internalisation/translations/romanian.ts

@@ -11,7 +11,8 @@ export const RomanianTranslation: Translation = {
         logicGates: 'Porți logice',
         simulation: 'Simulație',
         language: 'Limba',
-        backToSimulation: 'Înapoi la simulație'
+        backToSimulation: 'Înapoi la simulație',
+        backToGates: 'Înapoi la porțile logice'
     },
     createSimulation: {
         mode: {

src/modules/internalisation/types/TranslationInterface.ts

@@ -17,6 +17,7 @@ export interface Translation {
         simulation: string
         language: string
         backToSimulation: string
+        backToGates: string
     }
     createSimulation: {
         mode: {

src/modules/logic-gate-info/data/descriptions.ts

@@ -58,7 +58,7 @@ export const descriptions: Record<string, string> = {
         only true if a === b and the 3rd input is only true if a < b.
     `,
     'parallel delayer': `
-        Delays the inputs by a certain delay. ${delay}
+        Delays the inputs by a amount of time. ${delay}
     `,
     'sequential delayer': `
         Delays the input by a certain amount of time relative to the last change. ${delay}