MetatroncubeSoftwareSolutions/TamilCulturalAssociation
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changes- mobile device - sidebar - business directory page, phone number changed in carnatic music shyamala - businees directory

Browse Source
This commit is contained in:
Vidhya 2026-07-16 12:05:53 +05:30
parent 048f468021
commit fafe45255a
2 changed files with 32 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
components/businessdirectory/Section1.jsx
View File

@ -6,6 +6,8 @@ export default function Section1() {
const categories = Object.keys(directoryData); const categories = Object.keys(directoryData);
const [selectedCategory, setSelectedCategory] = useState(categories[0]); const [selectedCategory, setSelectedCategory] = useState(categories[0]);
const [isSidebarOpen, setIsSidebarOpen] = useState(false);
const tableHeaders = [ const tableHeaders = [
"Services", "Services",
"Name", "Name",
@ -26,24 +28,36 @@ export default function Section1() {
<div className="space30 d-lg-none d-block" /> <div className="space30 d-lg-none d-block" />
<div className="blog-auhtor-details"> <div className="blog-auhtor-details">
<div className="blog-categories"> <div className="blog-categories">
<h3 className="mb-3">Business Directory</h3> <h3
className="mb-3 d-flex justify-content-between align-items-center"
style={{ cursor: 'pointer' }}
onClick={() => setIsSidebarOpen(!isSidebarOpen)}
>
Business Directory
<i className={`fa-solid d-lg-none ${isSidebarOpen ? 'fa-angle-up' : 'fa-angle-down'}`} />
</h3>
<div className="space12" /> <div className="space12" />
<ul className="list-unstyled"> <div className={`sidebar-menu-list ${isSidebarOpen ? 'd-block' : 'd-none d-lg-block'}`}>
{categories.map((cat) => ( <ul className="list-unstyled">
<li key={cat} className="mb-2"> {categories.map((cat) => (
<button <li key={cat} className="mb-2">
className={`category-btn w-100 text-start ${selectedCategory === cat <button
? "active" className={`category-btn w-100 text-start ${selectedCategory === cat
: "bg-white text-dark" ? "active"
}`} : "bg-white text-dark"
onClick={() => setSelectedCategory(cat)} }`}
> onClick={() => {
<span>{cat}</span> setSelectedCategory(cat);
<i className="fa-solid fa-angle-right" /> setIsSidebarOpen(false); // Close sidebar on mobile after selection
</button> }}
</li> >
))} <span>{cat}</span>
</ul> <i className="fa-solid fa-angle-right" />
</button>
</li>
))}
</ul>
</div>
</div> </div>
</div> </div>
</div> </div>

2
utility/constant.utils.js
View File

@ -2215,7 +2215,7 @@ export const directoryData = {
{ {
services: "Carnatic Music", services: "Carnatic Music",
name: "Shyamala Ramachandran ", name: "Shyamala Ramachandran ",
phone: "519-741-1418", phone: "519-897-6975",
serviceArea: "-", serviceArea: "-",
location: "-", location: "-",
// website: "https://financepro.com" // website: "https://financepro.com"