Feature: Homepage overhaul with widgets#6551
Conversation
|
Codecov Report❌ Patch coverage is Additional details and impacted files@@ Coverage Diff @@
## main #6551 +/- ##
==========================================
+ Coverage 48.67% 48.79% +0.11%
==========================================
Files 2591 2604 +13
Lines 46178 46375 +197
Branches 10624 10668 +44
==========================================
+ Hits 22476 22627 +151
- Misses 23321 23367 +46
Partials 381 381
Flags with carried forward coverage won't be shown. Click here to find out more. ☔ View full report in Codecov by Sentry. 🚀 New features to boost your workflow:
|
…aleor-dashboard into lkostrowski/home-app-extensions
| <Box | ||
| __width={extension.isSaleorOfficial ? 20 : 0} | ||
| __height={20} | ||
| display="inline-flex" | ||
| alignItems="center" | ||
| justifyContent="center" | ||
| data-test-id={ | ||
| extension.isSaleorOfficial ? `saleor-app-badge-${extension.id}` : undefined | ||
| } | ||
| > | ||
| {extension.isSaleorOfficial && <SaleorLogo />} | ||
| </Box> |
| size={2} | ||
| color="default2" | ||
| href={appPageUrl} | ||
| onClick={e => { |
| export const useHomeRouteParams = () => { | ||
| const { extensionId: rawExtensionId } = useParams<{ extensionId?: string }>(); | ||
| const extensionId = rawExtensionId ? decodeURIComponent(rawExtensionId) : undefined; |
| as="iframe" | ||
| borderWidth={0} | ||
| __height={height as number | string} | ||
| sandbox="allow-same-origin allow-forms allow-scripts allow-downloads" |
| <Suspense fallback={<LoginLoading />}> | ||
| <Switch> | ||
| {legacyRedirects} | ||
| <SectionRoute exact path="/" component={WelcomePage} /> | ||
| <SectionRoute exact path="/home/widget/:extensionId" component={HomePage} /> | ||
| <SectionRoute exact path="/home/widgets" component={HomePage} /> |
…aleor-dashboard into lkostrowski/home-app-extensions
This PR introduces new Home Page. It's not yet replacing the old one - it's hidden and accessible via URL and will be available later with proper router redirect.
The new page is basically an apps' mount point area.
New mount point with optional
fullscrenn: booleanprop will render app extensions:This is part of the wider context:
Delivery flow
Screens