feat(web-analytics): Hide breakdown prompt from the world map display (…

…#18368) Hide breakdown prompt from the world map display
PostHog · Nov 3, 2023 · 948042d · 948042d
1 parent 103e902
commit 948042d
Showing 1 changed file with 16 additions and 14 deletions.
diff --git a/frontend/src/scenes/trends/Trends.tsx b/frontend/src/scenes/trends/Trends.tsx
@@ -72,21 +72,23 @@ export function TrendInsight({ view }: Props): JSX.Element {
                     {renderViz()}
                 </div>
             )}
-            {breakdown && loadMoreBreakdownUrl && (
-                <div className="my-4 flex flex-col items-center">
-                    <div className="text-muted mb-2">
-                        For readability, <b>not all breakdown values are displayed</b>. Click below to load them.
+            {display !== ChartDisplayType.WorldMap && // the world map doesn't need this cta
+                breakdown &&
+                loadMoreBreakdownUrl && (
+                    <div className="my-4 flex flex-col items-center">
+                        <div className="text-muted mb-2">
+                            For readability, <b>not all breakdown values are displayed</b>. Click below to load them.
+                        </div>
+                        <LemonButton
+                            onClick={loadMoreBreakdownValues}
+                            loading={breakdownValuesLoading}
+                            size="small"
+                            type="secondary"
+                        >
+                            Load more breakdown values
+                        </LemonButton>
                     </div>
-                    <LemonButton
-                        onClick={loadMoreBreakdownValues}
-                        loading={breakdownValuesLoading}
-                        size="small"
-                        type="secondary"
-                    >
-                        Load more breakdown values
-                    </LemonButton>
-                </div>
-            )}
+                )}
         </>
     )
 }