Feature/move list to client (#50)

apps/dashboard/src/components/overview/overview-top-pages.tsx

@@ -14,7 +14,7 @@ import { Widget, WidgetBody } from '../widget';
 import { OverviewChartToggle } from './overview-chart-toggle';
 import OverviewDetailsButton from './overview-details-button';
 import OverviewTopBots from './overview-top-bots';
-import { WidgetButtons, WidgetHead } from './overview-widget';
+import { WidgetButtons, WidgetFooter, WidgetHead } from './overview-widget';
 import { useOverviewOptions } from './useOverviewOptions';
 import { useOverviewWidget } from './useOverviewWidget';
 
@@ -154,10 +154,7 @@ export default function OverviewTopPages({ projectId }: OverviewTopPagesProps) {
     <>
       <Widget className="col-span-6 md:col-span-3">
         <WidgetHead>
-          <div className="title">
-            {widget.title}
-            <OverviewChartToggle {...{ chartType, setChartType }} />
-          </div>
+          <div className="title">{widget.title}</div>
           <WidgetButtons>
             {widgets.map((w) => (
               <button
@@ -196,8 +193,13 @@ export default function OverviewTopPages({ projectId }: OverviewTopPagesProps) {
               ]}
             />
           )}
-          {widget.chart?.name && <OverviewDetailsButton chart={widget.chart} />}
         </WidgetBody>
+        {widget.chart?.name && (
+          <WidgetFooter>
+            <OverviewDetailsButton chart={widget.chart} />
+            <OverviewChartToggle {...{ chartType, setChartType }} />
+          </WidgetFooter>
+        )}
       </Widget>
     </>
   );