Skip to content

Commit f0a93e9

Browse files
ajay-dhangarajay-dhangar
committed
Fixed Bug
1 parent cb01dd8 commit f0a93e9

File tree

3 files changed

+177
-164
lines changed

3 files changed

+177
-164
lines changed

‎package-lock.json‎

Lines changed: 12 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -56,6 +56,7 @@
5656
"clsx": "^2.1.1",
5757
"cmdk": "^1.1.1",
5858
"docusaurus2-dotenv": "^1.4.0",
59+
"dotenv": "^17.2.3",
5960
"express": "^5.1.0",
6061
"fontawesome": "^5.6.3",
6162
"framer-motion": "^12.10.5",

‎src/pages/testing-page.tsx‎

Lines changed: 164 additions & 164 deletions
Original file line numberDiff line numberDiff line change
@@ -2,186 +2,186 @@
22
import Layout from "@theme/Layout";
33

44
// =========For AccordionDemo========
5-
import {
6-
Accordion,
7-
AccordionContent,
8-
AccordionItem,
9-
AccordionTrigger,
10-
} from "../components/ui/accordion";
5+
// import {
6+
// Accordion,
7+
// AccordionContent,
8+
// AccordionItem,
9+
// AccordionTrigger,
10+
// } from "../components/ui/accordion";
1111
// ==============================
1212
// ======For AlertDialogDemo==========
13-
import {
14-
AlertDialog,
15-
AlertDialogAction,
16-
AlertDialogCancel,
17-
AlertDialogContent,
18-
AlertDialogDescription,
19-
AlertDialogFooter,
20-
AlertDialogHeader,
21-
AlertDialogTitle,
22-
AlertDialogTrigger,
23-
} from "../components/ui/alert-dialog";
24-
import { Button } from "../components/ui/button";
13+
// import {
14+
// AlertDialog,
15+
// AlertDialogAction,
16+
// AlertDialogCancel,
17+
// AlertDialogContent,
18+
// AlertDialogDescription,
19+
// AlertDialogFooter,
20+
// AlertDialogHeader,
21+
// AlertDialogTitle,
22+
// AlertDialogTrigger,
23+
// } from "../components/ui/alert-dialog";
24+
// import { Button } from "../components/ui/button";
2525
// =====================================
2626
// ================For AlertDemo==========
27-
import { Alert, AlertTitle, AlertDescription } from "../components/ui/alert";
28-
import { Terminal, AlertCircle } from "lucide-react";
27+
// import { Alert, AlertTitle, AlertDescription } from "../components/ui/alert";
28+
// import { Terminal, AlertCircle } from "lucide-react";
2929
// ========================================
3030
// ======== AspectRatioDemo
3131

3232
// import Image from '@theme/IdealImage'
33-
import { AspectRatio } from "../components/ui/aspect-ratio";
33+
// import { AspectRatio } from "../components/ui/aspect-ratio";
3434

3535
// ========================================
3636
// ========UserProfile
37-
import {
38-
Avatar,
39-
AvatarFallback,
40-
AvatarImage
41-
} from "../components/ui/avatar";
37+
// import {
38+
// Avatar,
39+
// AvatarFallback,
40+
// AvatarImage
41+
// } from "../components/ui/avatar";
4242

4343

44-
function AccordionDemo() {
45-
return (
46-
<div className="max-w-md mx-auto mt-10">
47-
<h2 className="text-xl font-bold mb-4">Frequently Asked Questions</h2>
44+
// function AccordionDemo() {
45+
// return (
46+
// <div className="max-w-md mx-auto mt-10">
47+
// <h2 className="text-xl font-bold mb-4">Frequently Asked Questions</h2>
4848

49-
{/* type="single" allows only one item to be open at a time */}
50-
<Accordion type="single" collapsible className="w-full">
49+
// {/* type="single" allows only one item to be open at a time */}
50+
// <Accordion type="single" collapsible className="w-full">
5151

52-
<AccordionItem value="item-1">
53-
<AccordionTrigger>Is it accessible?</AccordionTrigger>
54-
<AccordionContent>
55-
Yes. It adheres to the WAI-ARIA design pattern.
56-
</AccordionContent>
57-
</AccordionItem>
58-
59-
<AccordionItem value="item-2">
60-
<AccordionTrigger>Is it styled?</AccordionTrigger>
61-
<AccordionContent>
62-
Yes. It comes with default styles that matches the other
63-
components&apos; aesthetic.
64-
</AccordionContent>
65-
</AccordionItem>
66-
67-
<AccordionItem value="item-3">
68-
<AccordionTrigger>Is it animated?</AccordionTrigger>
69-
<AccordionContent>
70-
Yes. It's animated by default, but you can disable it if you prefer.
71-
</AccordionContent>
72-
</AccordionItem>
73-
74-
</Accordion>
75-
</div>
76-
);
77-
}
78-
79-
function AlertDialogDemo() {
80-
const handleDelete = () => {
81-
// Your logic for deletion goes here
82-
console.log("Item deleted successfully.");
83-
};
84-
85-
return (
86-
<AlertDialog>
87-
{/* 1. The Trigger: Usually a button that opens the dialog */}
88-
<AlertDialogTrigger asChild>
89-
<Button variant="destructive">Delete Account</Button>
90-
</AlertDialogTrigger>
91-
92-
{/* 2. The Content: The actual modal window */}
93-
<AlertDialogContent>
94-
<AlertDialogHeader>
95-
<AlertDialogTitle>Are you absolutely sure?</AlertDialogTitle>
96-
<AlertDialogDescription>
97-
This action cannot be undone. This will permanently delete your
98-
account and remove your data from our servers.
99-
</AlertDialogDescription>
100-
</AlertDialogHeader>
101-
102-
{/* 3. The Footer: Contains the Action and Cancel buttons */}
103-
<AlertDialogFooter>
104-
<AlertDialogCancel>Cancel</AlertDialogCancel>
105-
<AlertDialogAction onClick={handleDelete}>
106-
Continue
107-
</AlertDialogAction>
108-
</AlertDialogFooter>
109-
</AlertDialogContent>
110-
</AlertDialog>
111-
);
112-
}
113-
114-
function AlertDemo() {
115-
return (
116-
<div className="flex flex-col gap-4 max-w-xl mx-auto mt-10">
52+
// <AccordionItem value="item-1">
53+
// <AccordionTrigger>Is it accessible?</AccordionTrigger>
54+
// <AccordionContent>
55+
// Yes. It adheres to the WAI-ARIA design pattern.
56+
// </AccordionContent>
57+
// </AccordionItem>
58+
59+
// <AccordionItem value="item-2">
60+
// <AccordionTrigger>Is it styled?</AccordionTrigger>
61+
// <AccordionContent>
62+
// Yes. It comes with default styles that matches the other
63+
// components&apos; aesthetic.
64+
// </AccordionContent>
65+
// </AccordionItem>
66+
67+
// <AccordionItem value="item-3">
68+
// <AccordionTrigger>Is it animated?</AccordionTrigger>
69+
// <AccordionContent>
70+
// Yes. It's animated by default, but you can disable it if you prefer.
71+
// </AccordionContent>
72+
// </AccordionItem>
73+
74+
// </Accordion>
75+
// </div>
76+
// );
77+
// }
78+
79+
// function AlertDialogDemo() {
80+
// const handleDelete = () => {
81+
// // Your logic for deletion goes here
82+
// console.log("Item deleted successfully.");
83+
// };
84+
85+
// return (
86+
// <AlertDialog>
87+
// {/* 1. The Trigger: Usually a button that opens the dialog */}
88+
// <AlertDialogTrigger asChild>
89+
// <Button variant="destructive">Delete Account</Button>
90+
// </AlertDialogTrigger>
91+
92+
// {/* 2. The Content: The actual modal window */}
93+
// <AlertDialogContent>
94+
// <AlertDialogHeader>
95+
// <AlertDialogTitle>Are you absolutely sure?</AlertDialogTitle>
96+
// <AlertDialogDescription>
97+
// This action cannot be undone. This will permanently delete your
98+
// account and remove your data from our servers.
99+
// </AlertDialogDescription>
100+
// </AlertDialogHeader>
101+
102+
// {/* 3. The Footer: Contains the Action and Cancel buttons */}
103+
// <AlertDialogFooter>
104+
// <AlertDialogCancel>Cancel</AlertDialogCancel>
105+
// <AlertDialogAction onClick={handleDelete}>
106+
// Continue
107+
// </AlertDialogAction>
108+
// </AlertDialogFooter>
109+
// </AlertDialogContent>
110+
// </AlertDialog>
111+
// );
112+
// }
113+
114+
// function AlertDemo() {
115+
// return (
116+
// <div className="flex flex-col gap-4 max-w-xl mx-auto mt-10">
117117

118-
{/* Default Alert */}
119-
<Alert className="bg-green-700 text-white">
120-
<Terminal className="h-4 w-4" />
121-
<AlertTitle>Heads up!</AlertTitle>
122-
<AlertDescription>
123-
You can add components to your app using the cli.
124-
</AlertDescription>
125-
</Alert>
126-
127-
{/* Destructive Alert */}
128-
<Alert variant="destructive" className="bg-red-700text-white">
129-
<AlertCircle className="h-4 w-4" />
130-
<AlertTitle>Error</AlertTitle>
131-
<AlertDescription>
132-
Your session has expired. Please log in again to continue.
133-
</AlertDescription>
134-
</Alert>
135-
136-
</div>
137-
);
138-
}
139-
140-
function AspectRatioDemo() {
141-
return (
142-
<div className="w-[450px] overflow-hidden rounded-md border shadow-sm">
143-
<AspectRatio ratio={16 / 9}>
144-
<img
145-
src="https://github.com/ajay-dhangar.png"
146-
alt="Photo by Drew Beamer"
147-
className="h-full w-full object-cover"
148-
/>
149-
</AspectRatio>
150-
<div className="p-4">
151-
<h4 className="text-sm font-medium">Landscape View</h4>
152-
<p className="text-xs text-muted-foreground">16:9 Aspect Ratio</p>
153-
</div>
154-
</div>
155-
);
156-
}
157-
158-
function UserProfile() {
159-
return (
160-
<div className="flex items-center gap-4 p-4">
118+
// {/* Default Alert */}
119+
// <Alert className="bg-green-700 text-white">
120+
// <Terminal className="h-4 w-4" />
121+
// <AlertTitle>Heads up!</AlertTitle>
122+
// <AlertDescription>
123+
// You can add components to your app using the cli.
124+
// </AlertDescription>
125+
// </Alert>
126+
127+
// {/* Destructive Alert */}
128+
// <Alert variant="destructive" className="bg-red-700text-white">
129+
// <AlertCircle className="h-4 w-4" />
130+
// <AlertTitle>Error</AlertTitle>
131+
// <AlertDescription>
132+
// Your session has expired. Please log in again to continue.
133+
// </AlertDescription>
134+
// </Alert>
135+
136+
// </div>
137+
// );
138+
// }
139+
140+
// function AspectRatioDemo() {
141+
// return (
142+
// <div className="w-[450px] overflow-hidden rounded-md border shadow-sm">
143+
// <AspectRatio ratio={16 / 9}>
144+
// <img
145+
// src="https://github.com/ajay-dhangar.png"
146+
// alt="Photo by Drew Beamer"
147+
// className="h-full w-full object-cover"
148+
// />
149+
// </AspectRatio>
150+
// <div className="p-4">
151+
// <h4 className="text-sm font-medium">Landscape View</h4>
152+
// <p className="text-xs text-muted-foreground">16:9 Aspect Ratio</p>
153+
// </div>
154+
// </div>
155+
// );
156+
// }
157+
158+
// function UserProfile() {
159+
// return (
160+
// <div className="flex items-center gap-4 p-4">
161161

162-
{/* 1. Standard usage with an image */}
163-
<Avatar>
164-
<AvatarImage src="https://github.com/ajay-dhangar.png" alt="@ajay-dhangar" />
165-
<AvatarFallback>Aj</AvatarFallback>
166-
</Avatar>
167-
168-
{/* 2. Fallback usage (e.g., if the image URL is broken or null) */}
169-
<Avatar>
170-
<AvatarImage src="" alt="Broken Link" />
171-
<AvatarFallback className="bg-blue-500 text-white">
172-
AJ
173-
</AvatarFallback>
174-
</Avatar>
175-
176-
{/* 3. Custom Sizes (using Tailwind classes) */}
177-
<Avatar className="h-16 w-16">
178-
<AvatarImage src="https://github.com/docusaurus.png" />
179-
<AvatarFallback>Docusaurus</AvatarFallback>
180-
</Avatar>
181-
182-
</div>
183-
);
184-
}
162+
// {/* 1. Standard usage with an image */}
163+
// <Avatar>
164+
// <AvatarImage src="https://github.com/ajay-dhangar.png" alt="@ajay-dhangar" />
165+
// <AvatarFallback>Aj</AvatarFallback>
166+
// </Avatar>
167+
168+
// {/* 2. Fallback usage (e.g., if the image URL is broken or null) */}
169+
// <Avatar>
170+
// <AvatarImage src="" alt="Broken Link" />
171+
// <AvatarFallback className="bg-blue-500 text-white">
172+
// AJ
173+
// </AvatarFallback>
174+
// </Avatar>
175+
176+
// {/* 3. Custom Sizes (using Tailwind classes) */}
177+
// <Avatar className="h-16 w-16">
178+
// <AvatarImage src="https://github.com/docusaurus.png" />
179+
// <AvatarFallback>Docusaurus</AvatarFallback>
180+
// </Avatar>
181+
182+
// </div>
183+
// );
184+
// }
185185

186186
export default function TestingPage() {
187187

@@ -192,7 +192,7 @@ export default function TestingPage() {
192192
{/* <AlertDialogDemo /> */}
193193
{/* <AlertDemo /> */}
194194
{/* <AspectRatioDemo /> */}
195-
<UserProfile />
195+
{/* <UserProfile /> */}
196196

197197
</main>
198198
</Layout>

0 commit comments

Comments
 (0)