Skip to content

Commit 31fec00

Browse files
MiladSadeghiMiladSadeghi
committed
feat(web): Implement bug fix page
1 parent d1e2488 commit 31fec00

3 files changed

Lines changed: 119 additions & 2 deletions

File tree

‎web/src/App.tsx‎

Lines changed: 11 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,16 @@
11
import { Route, Routes, useLocation } from 'react-router';
22
import MainLayout from '@/components/layouts/main-layout/main-layout';
33
import TerraformTemplate from '@/pages/terraform-template/components/layout';
4-
import { Argocd, Basic, Docker, EC2, IAM, Installation, S3 } from '@/pages';
4+
import {
5+
Argocd,
6+
Basic,
7+
BugFix,
8+
Docker,
9+
EC2,
10+
IAM,
11+
Installation,
12+
S3,
13+
} from '@/pages';
514

615
function App() {
716
const location = useLocation();
@@ -11,6 +20,7 @@ function App() {
1120
<Routes location={location}>
1221
<Route element={<MainLayout />}>
1322
<Route index element={<Basic />} />
23+
<Route path="bug-fix" element={<BugFix />} />
1424
<Route path="terraform-template" element={<TerraformTemplate />}>
1525
<Route path="docker" element={<Docker />} />
1626
<Route path="ec2" element={<EC2 />} />

‎web/src/pages/bug-fix/bug-fix.tsx‎

Lines changed: 106 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,106 @@
1+
import { FC } from 'react';
2+
import { Send } from 'lucide-react';
3+
4+
const BugFix: FC = () => {
5+
return (
6+
<div className="flex items-center justify-center w-full h-full">
7+
<div className="w-full max-w-[768px]">
8+
<div className="w-full p-2 rounded-md">
9+
<div className="flex items-center justify-center w-full h-full gap-3">
10+
<div className="flex flex-col w-full">
11+
<label htmlFor="min_token" className="mb-2">
12+
Min Token
13+
</label>
14+
<input
15+
id="min_token"
16+
className="w-full p-3 rounded-md outline-none"
17+
/>
18+
</div>
19+
<div className="flex flex-col w-full">
20+
<label htmlFor="min_token" className="mb-2">
21+
Max Token
22+
</label>
23+
<input
24+
id="min_token"
25+
className="w-full p-3 rounded-md outline-none"
26+
/>
27+
</div>
28+
<div className="flex flex-col w-full">
29+
<label htmlFor="min_token" className="mb-2">
30+
Service
31+
</label>
32+
<input
33+
id="min_token"
34+
className="w-full p-3 rounded-md outline-none"
35+
/>
36+
</div>
37+
<div className="flex flex-col w-full">
38+
<label htmlFor="min_token" className="mb-2">
39+
Version
40+
</label>
41+
<input
42+
id="min_token"
43+
className="w-full p-3 rounded-md outline-none"
44+
/>
45+
</div>
46+
</div>
47+
<div className="mt-4">
48+
<div className="w-full p-3 overflow-y-auto rounded-md scrollbar-corner-transparent scrollbar-thin scrollbar-track-transparent h-96 bg-slate-900">
49+
<div className="max-w-full chat chat-end">
50+
<div className="text-white bg-gray-600 chat-bubble">
51+
You underestimate my power!
52+
</div>
53+
</div>
54+
<div className="max-w-full chat chat-start">
55+
<div className="text-white chat-bubble">
56+
You underestimate my power!
57+
</div>
58+
</div>
59+
<div className="max-w-full chat chat-end">
60+
<div className="text-white bg-gray-600 chat-bubble">
61+
You underestimate my power!
62+
</div>
63+
</div>
64+
<div className="max-w-full chat chat-start">
65+
<div className="text-white chat-bubble">
66+
You underestimate my power!
67+
</div>
68+
</div>
69+
<div className="max-w-full chat chat-end">
70+
<div className="text-white bg-gray-600 chat-bubble">
71+
You underestimate my power!
72+
</div>
73+
</div>
74+
<div className="max-w-full chat chat-start">
75+
<div className="text-white chat-bubble">
76+
You underestimate my power!
77+
</div>
78+
</div>
79+
<div className="max-w-full chat chat-end">
80+
<div className="text-white bg-gray-600 chat-bubble">
81+
You underestimate my power!
82+
</div>
83+
</div>
84+
<div className="max-w-full chat chat-start">
85+
<div className="text-white chat-bubble">
86+
You underestimate my power!
87+
</div>
88+
</div>
89+
</div>
90+
</div>
91+
<div className="relative mt-4">
92+
<textarea
93+
className="w-full p-4 pr-16 rounded-md outline-none resize-none"
94+
rows={2}
95+
/>
96+
<button className="absolute flex items-center justify-center p-2 bg-white rounded-full right-3 top-5">
97+
<Send className="size-6 stroke-[#121212]" />
98+
</button>
99+
</div>
100+
</div>
101+
</div>
102+
</div>
103+
);
104+
};
105+
106+
export default BugFix;

‎web/src/pages/index.ts‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,5 +5,6 @@ import IAM from './terraform-template/IAM/iam';
55
import S3 from './terraform-template/S3/s3';
66
import Installation from './installation/installation';
77
import Basic from './basic/basic';
8+
import BugFix from './bug-fix/bug-fix';
89

9-
export { Argocd, Docker, EC2, IAM, S3, Installation, Basic };
10+
export { Argocd, Docker, EC2, IAM, S3, Installation, Basic, BugFix };

0 commit comments

Comments
 (0)