From 4abd8a911b48293f25ad50691fc93461cf0ae622 Mon Sep 17 00:00:00 2001
From: "CHIEFSOFT\\ameye" <ameye@chiefsfot.com>
Date: Tue, 13 Jun 2023 16:24:20 -0400
Subject: [PATCH] Style fix

---
 src/components/OffersInterest/index.jsx | 40 +++++++++++++++++++++++++
 src/index.css                           |  2 ++
 src/views/OffersInterestPage.jsx        |  5 ++--
 3 files changed, 45 insertions(+), 2 deletions(-)
 create mode 100644 src/components/OffersInterest/index.jsx

diff --git a/src/components/OffersInterest/index.jsx b/src/components/OffersInterest/index.jsx
new file mode 100644
index 0000000..1444c37
--- /dev/null
+++ b/src/components/OffersInterest/index.jsx
@@ -0,0 +1,40 @@
+import React, { useState } from "react";
+import { Link } from "react-router-dom";
+import Layout from "../Partials/Layout";
+import CommonHead from "../UserHeader/CommonHead";
+
+export default function OffersInterest(props) {
+    const [selectTab, setValue] = useState("today");
+    const filterHandler = (value) => {
+        setValue(value);
+    };
+    return (
+        <Layout>
+            <CommonHead
+                commonHeadData={props.commonHeadData}
+            />
+            <div className="notification-page w-full mb-10">
+                <div className="notification-wrapper w-full">
+                    {/* heading */}
+                    <div className="sm:flex justify-between items-center mb-6">
+                        <div className="mb-5 sm:mb-0">
+                            <h1 className="text-26 font-bold   text-dark-gray dark:text-white">
+                <span
+                    className={`${selectTab === "today" ? "block" : "hidden"}`}
+                >
+                  Offer Interest
+                </span>
+                            </h1>
+                        </div>
+                        <div className="slider-btns flex space-x-4">
+
+                        </div>
+                    </div>
+                    <div>
+                        Blog Items Details
+                    </div>
+                </div>
+            </div>
+        </Layout>
+    );
+}
diff --git a/src/index.css b/src/index.css
index f4fc442..d960c00 100644
--- a/src/index.css
+++ b/src/index.css
@@ -53,6 +53,8 @@
 
 .short_style{
   background-color: transparent;
+  border-color: #a2d7f1;
+  border-width: 3px;
 }
 .lr{
   background-color: #e1cace;
diff --git a/src/views/OffersInterestPage.jsx b/src/views/OffersInterestPage.jsx
index 251e48b..9d87cfe 100644
--- a/src/views/OffersInterestPage.jsx
+++ b/src/views/OffersInterestPage.jsx
@@ -1,13 +1,14 @@
 import React, { useContext, useState, useEffect } from "react";
-import BlogItem from "../components/Blogs";
+// import BlogItem from "../components/Blogs";
 import { useSelector } from "react-redux";
+import OffersInterest from "../components/OffersInterest";
 
 export default function OffersInterestPage() {
     let {commonHeadBanner} = useSelector(state => state.commonHeadBanner)
 
     return (
         <>
-            <BlogItem  commonHeadData={commonHeadBanner.result_list} />
+            <OffersInterest  commonHeadData={commonHeadBanner.result_list} />
         </>
     );
 }
\ No newline at end of file