StatusBar Component

Implemented a basic status bar with 3 dots, that is able to show 3 states. The length of the status line can be controlled by a paramter called "progress". Every value between 0 and 100 is valid. The Progress bar will change its color depending on the value of "progress"

anwendung/src/components/Button.jsx

@@ -21,8 +21,8 @@ export default function Button(p) {
     //if parameters are not set, they are set to default values
     if (height == null) height = 50;
     if (width == null) width = 100;
-    if (iconWidth == null) iconWidth = 50;
-    if (iconHeight == null) iconHeight = 50;
+    if (iconWidth == null) iconWidth = width-10;
+    if (iconHeight == null) iconHeight = height-10;
     if (onClick == null) onClick = () => {};
 
     //build in the icon width and height to the svg tag (svg tag should not contain any size information by default)
@@ -42,6 +42,9 @@ export default function Button(p) {
                     style={{
                         width: width,
                         height: height,
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "center"
                     }}
                     onClick={onClick}>
                 {text}