Skip to content

Commit 609f490

Browse files
abhitrueprogrammerabhitrueprogrammer
committed
misc bugfixes
1 parent 123d03a commit 609f490

File tree

3 files changed

+58
-45
lines changed

3 files changed

+58
-45
lines changed

‎src/components/Card.tsx

Lines changed: 31 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -56,47 +56,55 @@ const Card = ({
5656
return (
5757
<div
5858
key={paper._id}
59-
className={`flex flex-col mb-2 justify-between w-[65%] md:w-64 space-y-1 rounded-xl border-2 bg-white dark:bg-black hover:border-[#434dba] dark:border-[#434dba] dark:hover:border-white border-black ${checked ? "bg-[#EEF2FF] dark:bg-[#050b1f]" : ""} p-4 `}
59+
className={`mb-2 flex w-[65%] flex-col justify-between space-y-1 rounded-xl border-2 border-black bg-white hover:border-[#434dba] dark:border-[#434dba] dark:bg-black dark:hover:border-white md:w-64 ${checked ? "bg-[#EEF2FF] dark:bg-[#050b1f]" : ""} p-4 `}
6060
>
61-
<Link href={`/paper/${paper._id}`} target="_blank" rel="noopener noreferrer">
61+
<Link
62+
href={`/paper/${paper._id}`}
63+
target="_blank"
64+
rel="noopener noreferrer"
65+
>
6266
<Image
6367
src={paper.thumbnailUrl}
6468
alt={paper.subject}
6569
width={320}
6670
height={180}
67-
className="mb-2 h-[160px] md:h-[180px] w-full object-cover"
71+
className="mb-2 h-[160px] w-full object-cover md:h-[180px]"
6872
/>
69-
</Link>
70-
71-
<div className="justify-center space-y-2 h-30">
72-
<div className="text-sm font-sans font-medium">
73-
{extractBracketContent(paper.subject)}
74-
</div>
75-
<div className="text-base font-sans font-semibold">
76-
{extractWithoutBracketContent(paper.subject)}
77-
</div>
78-
<div className="flex flex-wrap gap-2 py-2">
79-
{capsule(paper.exam)}
80-
{capsule(paper.slot)}
81-
{capsule(paper.year)}
82-
{/* {capsule(paper.campus)} */}
83-
{capsule(paper.semester)}
84-
{paper.answerKeyIncluded && capsuleGreen("Answer key included")}
73+
74+
<div className="h-30 justify-center space-y-2">
75+
<div className="font-sans text-sm font-medium">
76+
{extractBracketContent(paper.subject)}
77+
</div>
78+
<div className="font-sans text-base font-semibold">
79+
{extractWithoutBracketContent(paper.subject)}
80+
</div>
81+
<div className="flex flex-wrap gap-2 py-2">
82+
{capsule(paper.exam)}
83+
{capsule(paper.slot)}
84+
{capsule(paper.year)}
85+
{/* {capsule(paper.campus)} */}
86+
{capsule(paper.semester)}
87+
{paper.answerKeyIncluded && capsuleGreen("Answer key included")}
88+
</div>
8589
</div>
86-
</div>
90+
</Link>
8791

88-
<div className="hidden items-center pt-4 justify-between gap-2 md:flex">
92+
<div className="hidden items-center justify-between gap-2 pt-4 md:flex">
8993
<div className="flex items-center gap-2">
9094
<input
9195
checked={checked}
9296
onChange={handleCheckboxChange}
9397
className="h-4 w-4 rounded-lg"
9498
type="checkbox"
9599
/>
96-
<p className="text-sm font-sans">Select</p>
100+
<p className="font-sans text-sm">Select</p>
97101
</div>
98102
<div className="flex gap-2">
99-
<Link href={`/paper/${paper._id}`} target="_blank" rel="noopener noreferrer">
103+
<Link
104+
href={`/paper/${paper._id}`}
105+
target="_blank"
106+
rel="noopener noreferrer"
107+
>
100108
<Eye size={20} />
101109
</Link>
102110
<button onClick={() => handleDownload(paper)}>

‎src/components/PreviewCard.tsx

Lines changed: 21 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -14,32 +14,35 @@ const PreviewCard = ({ paper }: { paper: IPaper }) => {
1414
return (
1515
<div
1616
key={paper._id}
17-
className="w-[60%] md:w-56 space-y-1 rounded-xl border-2 bg-white dark:bg-black hover:border-[#434dba] dark:hover:border-white border-black p-4 dark:border-[#434dba]"
17+
className="w-[60%] space-y-1 rounded-xl border-2 border-black bg-white p-4 hover:border-[#434dba] dark:border-[#434dba] dark:bg-black dark:hover:border-white md:w-56"
1818
>
19-
<Link href={`/paper/${paper._id}`} target="_blank" rel="noopener noreferrer">
19+
<Link
20+
href={`/paper/${paper._id}`}
21+
target="_blank"
22+
rel="noopener noreferrer"
23+
>
2024
<Image
2125
src={paper.thumbnailUrl}
2226
alt={paper.subject}
2327
width={180}
2428
height={180}
25-
className="mb-2 h-[156px] md:h-[170px] w-full object-cover"
29+
className="mb-2 h-[156px] w-full object-cover md:h-[170px]"
2630
/>
27-
</Link>
28-
29-
<div className="flex flex-col justify-center space-y-2 h-28">
30-
<div className="text-sm font-sans font-medium">
31-
{extractBracketContent(paper.subject)}
32-
</div>
33-
<div className="text-base font-sans cursor-pointer font-semibold">
34-
{extractWithoutBracketContent(paper.subject)}
35-
</div>
36-
<div className="flex gap-2">
37-
{capsule(paper.exam)}
38-
{capsule(paper.slot)}
39-
{capsule(paper.year)}
31+
32+
<div className="flex h-28 flex-col justify-center space-y-2">
33+
<div className="font-sans text-sm font-medium">
34+
{extractBracketContent(paper.subject)}
35+
</div>
36+
<div className="cursor-pointer font-sans text-base font-semibold">
37+
{extractWithoutBracketContent(paper.subject)}
38+
</div>
39+
<div className="flex gap-2">
40+
{capsule(paper.exam)}
41+
{capsule(paper.slot)}
42+
{capsule(paper.year)}
43+
</div>
4044
</div>
41-
</div>
42-
45+
</Link>
4346
</div>
4447
);
4548
};

‎src/components/searchbar.tsx

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,9 @@ function SearchBar() {
2020
if (text.length > 1) {
2121
setLoading(true);
2222
try {
23-
const searchResponse = await axios.get<{ subjects: { subject: string }[] }>("/api/search", {
23+
const searchResponse = await axios.get<{
24+
subjects: { subject: string }[];
25+
}>("/api/search", {
2426
params: { text },
2527
});
2628

@@ -47,10 +49,10 @@ function SearchBar() {
4749

4850
const handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {
4951
const text = e.target.value;
50-
setSearchText(text);
5152
if (text.length <= 1) {
5253
setSuggestions([]);
5354
}
55+
setSearchText(text);
5456
void debouncedSearch(text);
5557
};
5658

@@ -85,7 +87,7 @@ function SearchBar() {
8587
value={searchText}
8688
onChange={handleSearchChange}
8789
placeholder="Search by subject..."
88-
className={`w-full font-sans text-md tracking-wider rounded-full border bg-[#434dba] px-4 py-6 pr-10 text-white shadow-sm placeholder:text-white focus:outline-none focus:ring-2 ${loading ? "opacity-70" : ""}`}
90+
className={`text-md w-full rounded-full border bg-[#434dba] px-4 py-6 pr-10 font-sans tracking-wider text-white shadow-sm placeholder:text-white focus:outline-none focus:ring-2 ${loading ? "opacity-70" : ""}`}
8991
/>
9092
<button
9193
type="submit"
@@ -96,7 +98,7 @@ function SearchBar() {
9698
<Search className="h-5 w-5 text-white " />
9799
</button>
98100
{loading && (
99-
<div className="font-sans text-md font-semibold tracking-wider absolute z-20 mt-2 w-full max-w-xl rounded-md border border-[#434dba] bg-white p-2 text-center dark:bg-[#030712]">
101+
<div className="text-md absolute z-20 mt-2 w-full max-w-xl rounded-md border border-[#434dba] bg-white p-2 text-center font-sans font-semibold tracking-wider dark:bg-[#030712]">
100102
Loading suggestions...
101103
</div>
102104
)}

0 commit comments

Comments
 (0)