Shay/ticketchain
1
0
Fork 0
mirror of https://github.com/0xShay/ticketchain.git synced 2026-01-11 13:13:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

🔀 Merge pull request #35 from Ayush272002/metamask_button

Browse Source 
🚑️ Fixing Metamask Connection Button!
This commit is contained in:
Sid
2024-10-26 23:48:53 +01:00
committed by GitHub
parent a95c8f6f20 b97e274904
commit 5fcfed3c04
4 changed files with 135 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
app/events/page.tsx
View File

@@ -62,7 +62,7 @@ const fetchEvents = (): Event[] => {
const EventsPage: React.FC = () => {
const [events, setEvents] = useState<Event[]>([]);
const [filteredEvents, setFilteredEvents] = useState<Event[]>([]);
const [searchQuery, setSearchQuery] = useState<string>("");
const [searchQuery, setSearchQuery] = useState<string>('');
const [hoveredEventId, setHoveredEventId] = useState<number | null>(null);
const [sortOption, setSortOption] = useState<string>('');
const [filterOptions, setFilterOptions] = useState<string[]>([]);
@@ -81,14 +81,16 @@ const EventsPage: React.FC = () => {
}, []);
const SearchBox = () => {
setSearchQuery(useSearchParams().get("q") || "");
return <input
type="text"
placeholder="Search events..."
value={searchQuery}
onChange={(e) => setSearchQuery(e.target.value)}
className="search-bar mt-4 p-2 border border-gray-300 rounded w-full max-w-md"
/>
setSearchQuery(useSearchParams().get('q') || '');
return (
<input
type="text"
placeholder="Search events..."
value={searchQuery}
onChange={(e) => setSearchQuery(e.target.value)}
className="search-bar mt-4 p-2 border border-gray-300 rounded w-full max-w-md"
/>
);
};
useEffect(() => {
@@ -177,16 +179,18 @@ const EventsPage: React.FC = () => {
<div className="relative z-20 container mx-auto p-4 pt-16">
<div className="mb-6">
<Suspense fallback={
<input
type="text"
placeholder="Search events..."
disabled={true}
value="loading..."
onChange={(e) => setSearchQuery(e.target.value)}
className="search-bar mt-4 p-2 border border-gray-300 rounded w-full max-w-md"
/>
}>
<Suspense
fallback={
<input
type="text"
placeholder="Search events..."
disabled={true}
value="loading..."
onChange={(e) => setSearchQuery(e.target.value)}
className="search-bar mt-4 p-2 border border-gray-300 rounded w-full max-w-md"
/>
}
>
<SearchBox />
</Suspense>
<div className="flex mt-4 space-x-4">