[$60] Need to update the project type icons after new smart of forms

[vikasrohit]

For most of the new type of projects, we are showing the generic work icons

We need to fix the icons to reflect the correct project type. We might need to update the icon in the catalog as well to best match the description of the new project type.

fyi @maxceem @RishiRajSahu

[maxceem]

@vikasrohit here is a list of supported icon types https://github.com/appirio-tech/connect-app/blob/master/src/components/ProjectTypeIcon.jsx#L51-L115

If the icon is not found, the fallback is to the standard icon.

[vikasrohit]

@maxceem I think I have set correct values for the icon field of the project template as per mapping you shared, but still it is showing the generic icon. Could you please check in dev if you can see icons as we set in project templates?

[maxceem]

Can reproduce the issue.

Use for example project https://connect.topcoder-dev.com/projects/8179
It uses a template with id 212 . Which uses icon product-design-app-visual:

This icon is defined in the https://github.com/appirio-tech/connect-app/blob/master/src/components/ProjectTypeIcon.jsx#L51-L115 and should look like:

But in the project listing, it is shown as default icon:

Also, we can define icons as a path (for backward compatibility).
For example, this project https://connect.topcoder-dev.com/projects/8178 uses templated with id 7. Which uses icon ../../assets/icons/product-design-app-visual.svg:

This is the same icon as above but defined as a path. But on the project list it is also shown as a default icon instead:

This issue should be fixed in general for all the icons whether they defined by name or by a path.

[prasadadarkar30]

@maxceem wishing to try this and complete, so request you to assign