Merge pull request #1702 from visualize-admin/feat/dashboard-improvem…

…ents-2

feat: Editor & chart tabs UI improvements

.env.example

@@ -0,0 +1,2 @@
+# You can get the Accent API key from Accent platform
+ACCENT_API_KEY=123

.gitignore

@@ -12,6 +12,7 @@ node_modules
 /app/dist
 .now
 
+.env
 .env*.local
 
 __diff_output__

CHANGELOG.md

@@ -19,6 +19,8 @@ You can also check the
   - Single chart titles are now correctly displayed in user profile
   - Renaming of charts through user profile now works correctly
   - Manually entering dates in date pickers works correctly again
+  - Improved scrolling behavior in the chart tabs
+  - Aligned editor and layouting page layouts
 
 # [4.7.4] - 2024-07-23
 

README.md

@@ -366,3 +366,8 @@ goes:
 
 In the future, we might want to integrate further Accent so that it opens pull
 requests.
+
+> ℹ️ To automatically authenticate with Accent, you can set the `ACCENT_API_KEY`
+> environment variable in your `.env` file in the root of the project. You can
+> find the API key in the Accent web UI. Otherwise, you can add the key inline
+> when running the command, e.g. `ACCENT_API_KEY=your_key yarn locales:push`.

app/components/chart-published.tsx

@@ -169,7 +169,7 @@ export const ChartPublished = (props: ChartPublishedProps) => {
               )}
             </Flex>
             <ChartTablePreviewProvider>
-              <DashboardInteractiveFilters sx={{ mb: 4 }} />
+              <DashboardInteractiveFilters />
               <ChartWrapper
                 layoutType={state.layout.type}
                 chartKey={state.activeChartKey}