Add energy suggestions card

floriandejonckheere · Dec 9, 2023 · ab64827 · ab64827
1 parent 612e77f
commit ab64827
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/src/components/cards/energy_suggestions.tsx b/src/components/cards/energy_suggestions.tsx
@@ -0,0 +1,13 @@
+import { ReactElement } from 'react'
+
+export default function EnergySuggestions(): ReactElement {
+  return (
+    <div className="flex flex-col gap-4 bg-white rounded-lg shadow p-7 dark:bg-slate-700">
+      <div className="mb-6">
+        <h3 className="flex gap-3 items-center text-xl font-bold text-gray-600 dark:text-gray-200 mb-2">
+          Energy suggestions
+        </h3>
+      </div>
+    </div>
+  )
+}
diff --git a/src/pages/suggestions.tsx b/src/pages/suggestions.tsx
@@ -1,6 +1,7 @@
 import { ReactElement } from 'react'
 
 import EnergyAlerts from '../components/cards/energy_alerts'
+import EnergySuggestions from '../components/cards/energy_suggestions'
 import Weather from '../components/cards/weather'
 
 export default function Suggestions(): ReactElement {
@@ -11,6 +12,7 @@ export default function Suggestions(): ReactElement {
       <div className="grid grid-cols-1 xl:grid-cols-2 mt-6 gap-16">
         <EnergyAlerts />
         <Weather />
+        <EnergySuggestions />
       </div>
     </>
   )