https://mui.com/material-ui/react-backdrop/
https://mui.com/material-ui/react-progress/
https://mui.com/material-ui/react-skeleton/

Bug description
Extension dosent work, i have a Windows in logs of container witch extension created i see only:

time="2023-03-15T06:34:23Z" level=info msg="Starting listening on /run/guest-services/mongo-express-docker-extension.sock\n"
⇨ http server started on /run/guest-services/mongo-express-docker-extension.sock

Steps to reproduce

1. Go to 'Mongo Express'
2. Click on 'Connect'
3. Circle will spin endlessly
4. when u go out extension eq "containers" and go back to extension its in intial state.

Expected behavior
Working Extension or a error message so i can search what is wrong.

Screenshots

Environment:

• Extension Version: 1.0.2
• Docker Desktop Version: 4.17.0

Bug description
When trying to connect to a non-existing remote MongoDB (e.g. 10.1.1.27), the MongoExpressPage is set as ready and a white screen appears.

Steps to reproduce

1. Open Mongo Express Docker Extension.
2. Select "Basic" auth method.
3. Set hostname to a non-existing MongoDB hostname (e.g. 10.1.1.27).
4. Click "Connect".
5. A white page appears shortly after loading the MongoExpressPage.

Expected behavior
Mongo Expres should try to connect for 30 seconds and display a failure message due to the unreachable MongoDB host. A loading screen should be visible instead of the white page.

Environment (please complete the following information):

• Extension Version: v1.0.1
• Docker Desktop Version: v4.16.2

Additional Context
It seems the issue does not occur when trying to connect to a non-existing MongoDB instance on localhost.

https://www.docker.com/products/extensions/submissions/

https://docs.docker.com/desktop/extensions-sdk/extensions/multi-arch/

https://www.docker.com/community/open-source/application/

Not able to connect

Bug description
When trying to connect to a Mongo Atlas database with a connection string, the extension fails to connect to a remote server or connects to a local available MongoDB instead.
No connection parameters are passed to the cliArgs in the UI's Docker API client.

Steps to reproduce

1. (Optional) Create a free Mongo Atlas cluster for testing purposes.
2. Open Mongo Express Docker Extension.
3. Select "Connection String" auth method.
4. Paste in the connection string retrieved from the Mongo Atlas database (e.g. mongodb+srv://<username>:<password>@clusterName.abcdef.mongodb.net/?retryWrites=true&w=majority.

Expected behavior
Mongo Expres should connect to the remote server.

Environment (please complete the following information):

• Extension Version: v1.0.1
• Docker Desktop Version: v4.16.2

When LoginPage is first displayed, the Mongo Express logo is displayed properly, but after navigating to another page (e.g. MongoExpressPage), the logo is not properly fetched from the server.
There's an attempt to fetch file at path /static/media/mongo-express-logo.png, whereas it exists at /ui/static/media/mongo-express-logo.png. Not sure if this is an issue with the UI app setup or with how the logo is imported in the files.

https://mui.com/material-ui/material-icons/?query=stop+close+cancel

https://mui.com/material-ui/react-stack/

Currently, the first row of the form fields (hostname and port) does not take the full available width of the form. Instead, there appears to be some sort of margin on the left and right of the Stack that the form fields are nested in.
This should be fixed in order for the form fields' stack to have the same width as the other fields (username and password).
Maybe the same issue impacts the "Remember this connection" and "Reset saved credentials" stack. If so, fix this as well.

"Service Unavailable
Please, make sure the credentials are correct or try again after restarting / reinstalling the extension.
If the problem persists, please create an issue on the extension's GitHub page."

I always get this error. I copy past my Mongodb connection string from mongo atlas and change the accordingly and I always receive the mentioned error.

https://docs.docker.com/desktop/extensions-sdk/extensions/validate/

https://mui.com/material-ui/react-tooltip/

For reference, check how the tooltips work in the Docker Desktop.