История

Tim Allen ddbbffe70f Snyk updates 0524 (#3932 ) * Update clean_validation_envs.yml * update * update BRANCH_LAST_ACTIVITY_IN_HOURS_FOR_STOP: 8 * snyk update * update version * update * update * update * update version * update		2024-05-20 09:30:22 +01:00
..
app	Snyk updates 0524 (#3932 )	2024-05-20 09:30:22 +01:00
.gitignore	UI MVP (#2001 )	2022-06-09 15:47:40 +01:00
README.md	Update "Azure AD" references to "Microsoft Entra ID" (#3873 )	2024-04-11 08:50:09 +00:00

TRE UI

Please see the docs for a full overview and deployment instructions.

The UI was built using Create React App and Microsoft Fluent UI. Further details on this in the ./app/README.

Run the UI

Ensure deploy_ui=false is not set in your ./config.yaml file
In the root of the repo, run make tre-deploy. This will provision the necessary resources in Azure, build and deploy the UI to Azure blob storage, behind the App Gateway used for the API. The deployment process will also create the necessary config.json, using the config.source.json as a template.
In Microsoft Entra ID, locate the TRE Client Apps app (possibly called Swagger App). In the Authentication section add reply URIs for:
- http://localhost:3000 (if wanting to run locally)
- Your deployed App Url - https://{TRE_ID}.{LOCATION}.cloudapp.azure.com.

At this point you should be able to navigate to the web app in Azure, log in, and see your workspaces.

After making changes to the code, redeploy to Azure by running make build-and-deploy-ui in the root of the dev container.