Reskin - home page footer

[mudrila]

Closes #1634

Design: https://www.figma.com/file/9hUYtvCKjOyB92vt8ukYtD/Product-Handoff?node-id=2441-6183&mode=dev

Implementation

[netlify]

✅ Deploy Preview for fractal-dev ready!

Name	Link
🔨 Latest commit	198431f
🔍 Latest deploy log	https://app.netlify.com/sites/fractal-dev/deploys/663a2977c9173800076fc68f
😎 Deploy Preview	https://deploy-preview-1636.app.dev.fractalframework.xyz
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[nicolaus-sherrill]

oolala, new footer looks great!

I'm thinking it would be helpful to include copy to label the build #?
ex. Build No. cf19623

I'm not actually quite sure what that copy is supposed to be, but a label there would help.

Also the URL it is linked to goes to a 404 in Github.

[mudrila]

oolala, new footer looks great!

I'm thinking it would be helpful to include copy to label the build #? ex. Build No. cf19623

I'm not actually quite sure what that copy is supposed to be, but a label there would help.

Also the URL it is linked to goes to a 404 in Github.

@nicolaus-sherrill
This 7 symbols is in fact first 7 symbols of commit hash, so it's not number of "release" or build but reference to the exact place in "code history" that being deployed to certain environment. Atm we're not marking our builds with releases - we're not scoping releases - anything that gets into main branch will be built into production environment.
Given that - I think it will make sense to label it with "Build Hash". Or maybe not even label that but add a tooltip where we can say "Latest/deployed/built commit hash: 1985843dcc0513af4ae17f4ac8f2f14315366a2b" and linking to the exact commit on GitHub.

Broken link is kinda expected atm - it links to decent-interface repo which in fact does not exist yet. It will work though when we'll be renaming repositories/packages (which will happen before releasing to prod ofc)

Lmk your thoughts

[adamgall]

Love it, ship it

[Da-Colon]

🔥 Can't wait to open this app up soon to see how this work yall have done!

[Da-Colon]

(minor). We could use createIcon from @chakra-ui/react. Which would allow this component to act like any other Chakra-Icon with all the bells and whistles as needed. Probably not needed in this instance but thought I'd through it out there.

Here is an example from the design repo:
https://github.com/decentdao/decent-ui/blob/develop/design/atoms/components/icons/src/AddPlus.tsx

[mudrila]

Yeah in this specific case this logo will be thrown away pretty soon 😄

[xraystyle1980]

Now that I see it in production, I think we should expand the footer on larger desktop views outside of it's current container and allow it fill the viewport entirely. This would mimic the behavior of the top nav.

Updated in Figma

[mudrila]

Now that I see it in production, I think we should expand the footer on larger desktop views outside of it's current container and allow it fill the viewport entirely. This would mimic the behavior of the top nav.

Updated in Figma

Done, sir