Add Schematic Image and url [feature-add-schematic-image-and-url]

[fvalentiner]

Context

In the recently created Workspace page we need to add a new component to modify schematic image and url.

Bounty: https://community.sphinx.chat/bounty/1964

Design

Clone this branch https://github.com/stakwork/sphinx-tribes-frontend/tree/feature-add-schematic-image-and-url

Remember to use the components from Elastic UI when ever posible https://eui.elastic.co/.

Copy the image upload component and functionality from "Profile -> Add Workspace"

This will be the full Workspace page

Your job for this issue is to create the 'Schematics' part of the page. Here are the specifics. page: /workspaces/{workspace_uuid}

The popup is also used in Add Workspace, so you can copy it from there.

Backend Endpoints:

Get Workspace (Its already called for the page so get the schematic_img and schematic_url) GET /workspaces/{workspace_uuid}

Update Workspace POST /workspaces { uuid: '{uuid}', schematic_img: '{schematic image url}', schematic_url: '{schematic url}' }

Acceptance Criteria

• [ ] I've tested on Chrome
• [ ] I've submitted a screenshot or recording in my pr
• [ ] I've created a test that updates the schematic image and schematic_url for a workspace
• [ ] I have rebased and tested locally before submitting my PR
• [ ] I can submit a pr within 2 days of taking the bounty

Here is an example unit test

Here is an example component test

[AbdulWahab3181]

@fvalentiner Could you please assign me?

[MahtabBukhari]

@fvalentiner Could you please assign me?

[saithsab877]

@fvalentiner please assign me?