🔨 Switch Project to use useOvermind

[MichaelDeBoey]

Resubmission of #2843

Follow-up of #2782

Things I did extra:

• Change sandboxPrivacyChanged 's signature to accept 0 | 1 | 2 instead of { privacy: 0 | 1 | 2 }, because it only has 1 argument
• Put all styles into the elements.ts file
• Move overmind subscriptions as close as possible to the components itself instead of passing it through
• Extract Environment, ForkedFrom, Git, Privacy, PrivacyNotice & Team out of Project
• Use FunctionComponent instead of React.FC, since it's the same, but FunctionComponent is a bit clearer I think

[lbogdan]

Build for latest commit 008c3f9 is at https://pr3119.build.csb.dev/s/new.

[MichaelDeBoey]

Typecheck will pass once DefinitelyTyped/DefinitelyTyped#40894 is merged and @types/react-color is updated

[CompuIves]

Interesting, why do we include @types/react-color?

[SaraVieira]

@MichaelDeBoey Do you mind closing this and splitting it up? 42 files is a lot :(

[MichaelDeBoey]

@CompuIves I included @types/react-color, to have a typed SketchPicker (used in TemplateConfig/index.tsx)

@SaraVieira I can make a new PR where I only have the first commit and a separate PR for the extraction of all the components?
Having each extraction a different PR will cause merge conflicts so

[christianalfoni]

@MichaelDeBoey I think we can get this through as the refactor is scoped to a specific part of the page. We just have to test the Project feature as a whole 😄

Could you just add the type here as well? Just so that we can merge it in without having to wait for the other one?

[christianalfoni]

Oh sorry, it is a different repo... can we get around this? Write a comment ignore the typing or something. Do not want to have this pending, as we do not know when the other one will be merged

[christianalfoni]

Tested:

• Open /s/new, it shows the project view correctly with views, forks, template bookmark, explorer, dependencies etc.
• Forked it and opened SandboxInfo
• Change name (alias)
• Changed description
• I see the profile, with the badges and can click to open the profile
• Click "like", I see the views and forks as well
• I can add and remove tags (tested with refresh)
• I can change the privacy setting (tested with refresh)
• Can toggle "frozen" (tested with refresh)
• Template name is there and I can click it
• Environment is there and correct
• Create template works
• I can edit color and icon (tested with refresh)
• Delete template works
• Delete Sandbox works
• Shows team indication when a team Sandbox

[SaraVieira]

@MichaelDeBoey Can you get the react color types off and then when thats merged we can add it?

Wanna get a bunch of these things in this month :)

[SaraVieira]

I deleted the @types/react-color and merged it :)

Good luck with thier pr 🎉