Skip to content
This repository has been archived by the owner on Nov 10, 2023. It is now read-only.

feat: Dashboard grid layout #3795

Merged
merged 16 commits into from
Apr 20, 2022
Merged

feat: Dashboard grid layout #3795

merged 16 commits into from
Apr 20, 2022

Conversation

usame-algan
Copy link
Member

@usame-algan usame-algan commented Apr 19, 2022

What it solves

Part of #3693

How this PR fixes it

Displays dashboard widget in a grid

How to test it

  1. Open the safe app
  2. Select a safe / Navigate to /home
  3. Observe the dashboard

Screenshots

Screenshot 2022-04-20 at 15 20 18

@github-actions
Copy link

CLA Assistant Lite All Contributors have signed the CLA.

@github-actions
Copy link

github-actions bot commented Apr 19, 2022

ESLint Summary View Full Report

Annotations are provided inline on the Files Changed tab. You can also see all annotations that were generated on the annotations page.

Type Occurrences Fixable
Errors 0 0
Warnings 0 0
Ignored 0 N/A
  • Result: ✅ success
  • Annotations: 0 total

Report generated by eslint-plus-action

@katspaugh
Copy link
Member

Looks wonderful!

@github-actions
Copy link

Deployment links

🟠 Rinkeby Mainnet 🟣 Polygon 🟡 BSC Arbitrum 🟢 Gnosis Chain

Copy link
Member

@iamacook iamacook left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks really nice! Did you look into fully removing the reliance on Row and Col in place of Grid?

margin-top: 0;
`

export const WidgetBody = styled.div<{ filled?: boolean }>`
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You're not using filled here.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Removed 👍 it was a leftover from a previous style

@usame-algan usame-algan requested a review from iamacook April 20, 2022 13:18
@@ -50,7 +50,7 @@ export const LOAD_SAFE_ROUTE = generatePath(LOAD_SPECIFIC_SAFE_ROUTE) // By prov
export const SAFE_ROUTES = {
DASHBOARD: `${ADDRESSED_ROUTE}/home`,
ASSETS_BALANCES: `${ADDRESSED_ROUTE}/balances`, // [SAFE_SECTION_SLUG] === 'balances'
ASSETS_BALANCES_COLLECTIBLES: `${ADDRESSED_ROUTE}/balances/collectibles`, // [SAFE_SUBSECTION_SLUG] === 'collectibles'
ASSETS_BALANCES_COLLECTIBLES: `${ADDRESSED_ROUTE}/balances/nfts`, // [SAFE_SUBSECTION_SLUG] === 'collectibles'
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The comment needs updating.

@usame-algan usame-algan merged commit b2836bd into epic-dashboard Apr 20, 2022
@usame-algan usame-algan deleted the dashboard-grid-layout branch April 20, 2022 14:05
@github-actions github-actions bot locked and limited conversation to collaborators Apr 20, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants