feat: Extend apps with further data

packages/web/src/components/AddAppConnection/index.tsx

@@ -2,13 +2,16 @@ import DialogTitle from '@mui/material/DialogTitle';
 import DialogContent from '@mui/material/DialogContent';
 import DialogContentText from '@mui/material/DialogContentText';
 import Dialog from '@mui/material/Dialog';
+import type { App } from 'types/app';
 
 type AddAppConnectionProps = {
   onClose: (value: string) => void;
+  application: App;
 };
 
 export default function AddAppConnection(props: AddAppConnectionProps){
-  const { onClose } = props;
+  const { application, onClose } = props;
+  const { name } = application;
 
   return (
     <Dialog open={true} onClose={onClose}>
@@ -16,7 +19,7 @@ export default function AddAppConnection(props: AddAppConnectionProps){
 
       <DialogContent>
         <DialogContentText tabIndex={-1}>
-          Here comes the "add connection" dialog
+          Add a connection to {name}
         </DialogContentText>
       </DialogContent>
     </Dialog>