Fix remove image button

[hudson-newey]

Fix remove image button

The remove image button should only show when a project has an image

Changes

• Displays the currently set image file name in the image input box
• Adds a default flag to baw images (outlined in AttributeDecorators.ts)
• Adds a TODO to delete the code block here once the baw-api issue baw-api#640 is resolved
• Fixes bug where remove button caused the file input containers height to expand
• Changes image input component to use classes from the baw stylesheet instead of hard coded inline css values

Issues

Fixes: #1994

Visual Changes

From:

To:

Visual Changes List:

• Image input component now uses boostrap classes for border colours (it had previously hard coded these values in a style attribute)
• The remove image button now fits inside it's parent item
• If the model does not have a default image, it now shows the file name in the input box

Notes: First image was taken on Firefox, where the "Browse..." text is used, the second was taken from Edge where the "Choose File" text is used, hence the change in text

Final Checklist

• [x] Assign reviewers if you have permission
• [x] Assign labels if you have permission
• [x] Link issues related to PR
• [x] Ensure project linter is not producing any warnings (npm run lint)
• [ ] Ensure build is passing on all browsers (npm run test:all)
• [x] Ensure CI build is passing
• [ ] Ensure docker container is passing (docs)

[hudson-newey]

Minor improvement to code quality: The code for how images are removed was changed to be consistent with the code to upload images

[github-actions[bot]]

Size Change: +555 B (0%)

Total Size: 2.68 MB

Filename	Size	Change
dist/workbench-client/browser/main.****************.js	846 kB	+235 B (0%)
dist/workbench-client/server/main.js	1.77 MB	+320 B (0%)

ℹ️ View Unchanged

| Filename | Size | | :--- | :---: | | `dist/workbench-client/browser/assets/environment.json` | 555 B | | `dist/workbench-client/browser/index.html` | 3.83 kB | | `dist/workbench-client/browser/manifest.json` | 150 B | | `dist/workbench-client/browser/polyfills.****************.js` | 12.5 kB | | `dist/workbench-client/browser/runtime.****************.js` | 648 B | | `dist/workbench-client/browser/styles.****************.css` | 37.4 kB |

_{compressed-size-action}

[github-actions[bot]]

Unit Test Results

         6 files           6 suites   16m 2s :stopwatch: 17 478 tests 16 920 :heavy_check_mark: 558 :zzz: 0 :x: 17 580 runs  17 022 :heavy_check_mark: 558 :zzz: 0 :x:

Results for commit 9b055f1a.

:recycle: This comment has been updated with latest results.