Add id to modals

Author: javizqh

package.json

@@ -1,6 +1,6 @@
 {
   "name": "jderobot-ide-interface",
-  "version": "0.1.38",
+  "version": "0.1.39",
   "main": "dist/main.js",
   "typings": "dist/index.d.ts",
   "files": [

src/components/Modals/Modal.tsx

@@ -143,9 +143,11 @@ ModalTitlebar.defaultProps = {
 
 export const ModalRow = ({
   type,
+  id,
   children,
 }: {
   type: ModelRowTypes;
+  id?: string;
   children?: ReactNode;
 }) => {
   const theme = useTheme();
@@ -154,6 +156,7 @@ export const ModalRow = ({
     case "buttons":
       return (
         <StyledModalRow
+          id={id}
           color={theme.palette.text}
           buttonColor={theme.palette.primary}
           roundness={theme.roundness}
@@ -169,16 +172,19 @@ export const ModalRow = ({
       );
     case "input":
       return (
-        <StyledModalInputRowContainer>{children}</StyledModalInputRowContainer>
+        <StyledModalInputRowContainer id={id}>
+          {children}
+        </StyledModalInputRowContainer>
       );
     case "list":
       return (
-        <StyledModalInputRowContainer>{children}</StyledModalInputRowContainer>
+        <StyledModalEditableList id={id}>{children}</StyledModalEditableList>
       );
 
     default:
       return (
         <StyledModalRow
+          id={id}
           color={theme.palette.text}
           buttonColor={theme.palette.primary}
           roundness={theme.roundness}

src/components/StatusBar/index.ts

@@ -1 +1,4 @@
-export { default as StatusBar, StatusBarCustomUniverseSelector } from "./StatusBar";
+export {
+  default as StatusBar,
+  StatusBarCustomUniverseSelector,
+} from "./StatusBar";