refactor(kaliacad#238): add white background, border radius and padding to graph component (kaliacad#241)

geekananya · web-flow · commit 11244a59d3ab · 2024-08-19T23:43:54.000+02:00
fix kaliacad#238
diff --git a/src/components/PageViews/ArticleViewsGraph.jsx b/src/components/PageViews/ArticleViewsGraph.jsx
@@ -60,8 +60,8 @@ const ArticleViewsGraph = ({ articles }) => {
     }, [articles]);
 
     return (
-        <div className='graph w-full flex flex-col items-center'>
-            <h2 className='font-bold text-white text-xl self-start'>Views for Multiple Articles</h2>
+        <div className='graph w-full flex flex-col items-center p-4 bg-white border border-gray-300 rounded-md'>
+            <h2 className='font-bold text-black text-xl self-start'>Views for Multiple Articles</h2>
             {loading ? (
                 <Loading />
             ) : viewData.labels ? (
diff --git a/src/pages/PageViews.jsx b/src/pages/PageViews.jsx
@@ -34,7 +34,7 @@ export default function PageViews() {
                 <OptionsForm />
                 <div className='w-3/4'>
                     <Pages />
-                    <ArticlesGraph />
+                    {pages.length === 0 ? <></> : <ArticlesGraph />}
                 </div>
             </PageViewsContext.Provider>
         </div>
