From 2b26060093df2c98a9ae386f5a83f44e4ac5c07d Mon Sep 17 00:00:00 2001
From: Juthatip McDevitt <jtp@mcdevitt.tech>
Date: Fri, 22 Mar 2024 14:26:04 -0500
Subject: [PATCH] added pressure component

---
 .../app/components/pressure/Pressure.tsx      | 33 +++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 weather_app/app/components/pressure/Pressure.tsx

diff --git a/weather_app/app/components/pressure/Pressure.tsx b/weather_app/app/components/pressure/Pressure.tsx
new file mode 100644
index 0000000..38ac02a
--- /dev/null
+++ b/weather_app/app/components/pressure/Pressure.tsx
@@ -0,0 +1,33 @@
+"use client"
+import { useGlobalContext } from '@/app/context/globalContext';
+import { Skeleton } from '@/components/ui/skeleton';
+import React from 'react'
+import { LiaCloudscale } from "react-icons/lia";
+
+const Pressure = () => {
+  const {forecast} = useGlobalContext();
+    if(!forecast || !forecast?.main || !forecast?.main?.pressure){
+        return <Skeleton className='h-[12rem] w-full'/>
+    }
+    const {pressure} = forecast?.main;
+    const pressureData = (pressure: number) => {
+      const pressureIninHg = Math.round(pressure * 0.0295);
+      if(pressureIninHg < 28 )
+        return "Low"
+      if(pressureIninHg >= 28 && pressureIninHg <= 30 )
+        return "Normal"
+      return "High"
+    }
+
+  return (
+    <div className='flex flex-col justify-center gap-5 dark:bg-darkGgray shadow-sm dark:shadow-none sm-2:col-span-2  px-4 h-[12rem] border rounded-lg'>
+      <div>
+          <h2 className='flex items-center gap-2'><LiaCloudscale/> Pressure</h2>
+          <p className='pt-4 text-2xl'>{Math.round(pressure * 0.0295)} inHg</p>
+        </div>
+        <p className='text-sm'>{pressureData(pressure)}</p>
+    </div>
+  )
+}
+
+export default Pressure
\ No newline at end of file