pricing page

src/components/Tracking/TrackAction/TrackEntryWidget.jsx

@@ -5,10 +5,6 @@ import dataImage2 from "../../../assets/images/data-table-user-2.png";
 
 
 export default function TrackEntryWidget(props) {
-  const [eth] = useState(90);
-  const [btc] = useState(85);
-  const [ltc] = useState(20);
-  // debugger;
   return (
     <div
       className="current-balance-widget w-full h-full rounded-2xl overflow-hidden flex flex-col justify-between  px-8 py-9"

src/components/Tracking/TrackAction/index.jsx

@@ -12,20 +12,19 @@ export default function TrackAction() {
   let { trackpage } = useParams();
   const [selectedCategory, setSelTrackCat] = useState([]);
 
-
   const getTrackCat = async () => {
     try {
       const res = await api.refreshTrackCategory();
-      if(res.status == 200){
+      if (res.status == 200) {
         var fliterCategory = res.data.filter(function (el) {
           return el.widget == trackpage;
         });
         //debugger;
-        setSelTrackCat([{data:fliterCategory[0]}]);
-        return
+        setSelTrackCat([{ data: fliterCategory[0] }]);
+        return;
       }
-    }catch(error) {
-     // setIsLoading(false)
+    } catch (error) {
+      // setIsLoading(false)
     }
   };
 
@@ -35,7 +34,7 @@ export default function TrackAction() {
 
   console.log("TRACK PAGE  = = ", trackpage);
   console.log("SELECTED TRACK PAGE  trackCat = = ", selectedCategory);
-  const selectedEntry = selectedCategory[0]?.data; // better way to do this so thst null on promise will not kill the screen 
+  const selectedEntry = selectedCategory[0]?.data; // better way to do this so thst null on promise will not kill the screen
 
   console.log("wait till you know whst page to show");
   //debugger;
@@ -55,7 +54,21 @@ export default function TrackAction() {
                       {selectedCategory[0]?.data?.title}
                     </h1>
                   </div>
-                  <div className="content-area">SOMETHING HERE OBAX </div>
+                  <div className="content-area">
+                    <p className="text-[44px] font-bold text-white tracking-wide leading-10 mb-2" style={{ backgroundColor: 'blue', textAlign:"center",paddingTop:'50px' }}>
+                      <div className="input-fl-name mb-5 sm:flex w-full sm:space-x-6 ">
+                        <div className="input-item sm:w-1/2 w-full mb-5 sm:mb-0"></div>
+                        <div className="input-item flex-1">
+                          <button
+                            type="button"
+                            className="btn-login  rounded-[50px] mb-6 text-xl text-white font-bold flex justify-center bg-purple items-center "
+                          >
+                            <span>Connect Device</span>
+                          </button>
+                        </div>
+                      </div>
+                    </p>
+                  </div>
                 </div>
               </div>
             </div>