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

18
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,8 +28,16 @@ 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" />
<div className={`sidebar-menu-list ${isSidebarOpen ? 'd-block' : 'd-none d-lg-block'}`}>
<ul className="list-unstyled"> <ul className="list-unstyled">
{categories.map((cat) => ( {categories.map((cat) => (
<li key={cat} className="mb-2"> <li key={cat} className="mb-2">
@ -36,7 +46,10 @@ export default function Section1() {
? "active" ? "active"
: "bg-white text-dark" : "bg-white text-dark"
}`} }`}
onClick={() => setSelectedCategory(cat)} onClick={() => {
setSelectedCategory(cat);
setIsSidebarOpen(false); // Close sidebar on mobile after selection
}}
> >
<span>{cat}</span> <span>{cat}</span>
<i className="fa-solid fa-angle-right" /> <i className="fa-solid fa-angle-right" />
@ -47,6 +60,7 @@ export default function Section1() {
</div> </div>
</div> </div>
</div> </div>
</div>
<div className="col-lg-9"> <div className="col-lg-9">

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"