Merge pull request #61 from lars-reimann/api-editor-55

api-editor-55 Path durch Breadcrumb aus React-Bootstrap ersetzen
Safe-DS · Jun 20, 2021 · a69f6d0 · a69f6d0
2 parents 31aae91 + a3b317e
commit a69f6d0
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 11 deletions.
diff --git a/client/src/Components/ParameterView/ParameterView.css b/client/src/Components/ParameterView/ParameterView.css
@@ -1,8 +1,5 @@
 .parameter-view {
     padding: 1rem;
-    position: -webkit-sticky;
-    position: sticky;
-    top: 0;
     overflow-x: hidden;
 }
 
@@ -65,7 +62,3 @@
 .documentation-text {
     clear: both;
 }
-
-.parameter-view-path {
-    height: 1.5rem;
-}
diff --git a/client/src/Components/ParameterView/ParameterView.tsx b/client/src/Components/ParameterView/ParameterView.tsx
@@ -3,6 +3,7 @@ import React from "react";
 import PythonParameter from "../../model/PythonParameter";
 import PythonFunction from "../../model/PythonFunction";
 import DocumentationText from "./DocumentationText";
+import {Breadcrumb} from "react-bootstrap";
 
 type ParameterViewProps = {
     inputParameters: PythonParameter[],
@@ -17,10 +18,14 @@ export default function ParameterView({inputParameters, selection, selectedFunct
     return (
         <div className="parameter-view">
             <div className="parameter-view-path">
-                {selection.length > 0 ?
-                    selection.map<React.ReactNode>((n, index) => <a href="#" key={index}>{n}</a>)
-                        .reduce((p, c, index) => [p, (<span key={index}> / </span>), c]) :
-                    ""}
+                <Breadcrumb>
+                    {(!selection || selection.length === 0) && (
+                        <Breadcrumb.Item active>Nothing selected.</Breadcrumb.Item>
+                    )}
+                    {selection.map((name, index) => (
+                        <Breadcrumb.Item active key={index}>{name}</Breadcrumb.Item>
+                    ))}
+                </Breadcrumb>
             </div>
             {selectedFunction !== null &&
             <>