Skip to content

Commit 11edbd4

Browse files
m-aishahm-aishah
committed
Enhance panel pages with improved styling and structure
- Updated Kolon Kanseri Paneli with better content layout and styling for tests, risk factors, and early symptoms. - Revamped Romatoloji Paneli to include enhanced visual elements for tests, diseases, symptoms, risk factors, and treatment approaches. - Improved Tiroid Paneli by restructuring content presentation and adding visual enhancements for tests and evaluation criteria. - Refined Torch Paneli with a clearer layout, emphasizing the importance of the panel, who should get tested, and prevention methods.
1 parent df13ace commit 11edbd4

6 files changed

Lines changed: 908 additions & 452 deletions

File tree

‎src/pages/panels/ColyakPaneli.tsx‎

Lines changed: 146 additions & 72 deletions
Original file line numberDiff line numberDiff line change
@@ -61,85 +61,159 @@ export default function ColyakPaneli() {
6161
</div>
6262

6363
{/* Article Content */}
64-
<div className="prose prose-lg max-w-none">
65-
<h2>Çölyak Paneli Nedir?</h2>
66-
<p>
67-
Çölyak paneli, çölyak hastalığının teşhisinde kullanılan
68-
serolojik testlerden oluşur. Bu testler, gluten intoleransını ve
69-
otoimmün reaksiyonları değerlendirmek için kullanılır.
70-
</p>
64+
<div className="prose prose-lg max-w-none space-y-8">
65+
<div>
66+
<h2 className="text-2xl font-bold text-gray-900 mb-4">
67+
Çölyak Paneli Nedir?
68+
</h2>
69+
<p className="text-gray-700 leading-relaxed">
70+
Çölyak paneli, çölyak hastalığının teşhisinde kullanılan
71+
serolojik testlerden oluşur. Bu testler, gluten intoleransını
72+
ve otoimmün reaksiyonları değerlendirmek için kullanılır.
73+
</p>
74+
</div>
7175

72-
<h3>Panelde Yer Alan Testler</h3>
73-
<ul>
74-
<li>
75-
<strong>Anti-tTG (Anti-Transglutaminaz):</strong> Çölyak
76-
hastalığının en spesifik göstergesi
77-
</li>
78-
<li>
79-
<strong>Anti-DGP (Anti-Deamidated Gliadin Peptit):</strong>{" "}
80-
Özellikle çocuklarda duyarlı test
81-
</li>
82-
<li>
83-
<strong>Total IgA:</strong> IgA eksikliğini değerlendirmek
84-
için
85-
</li>
86-
<li>
87-
<strong>Anti-Endomysium:</strong> Konfirmasyon testi olarak
88-
kullanılır
89-
</li>
90-
</ul>
76+
<div>
77+
<h3 className="text-xl font-semibold text-gray-900 mb-4">
78+
Panelde Yer Alan Testler
79+
</h3>
80+
<div className="space-y-3">
81+
<div className="bg-amber-50 p-4 rounded-lg">
82+
<strong className="text-amber-700">
83+
Anti-tTG (Anti-Transglutaminaz):
84+
</strong>{" "}
85+
Çölyak hastalığının en spesifik göstergesi
86+
</div>
87+
<div className="bg-amber-50 p-4 rounded-lg">
88+
<strong className="text-amber-700">
89+
Anti-DGP (Anti-Deamidated Gliadin Peptit):
90+
</strong>{" "}
91+
Özellikle çocuklarda duyarlı test
92+
</div>
93+
<div className="bg-amber-50 p-4 rounded-lg">
94+
<strong className="text-amber-700">Total IgA:</strong> IgA
95+
eksikliğini değerlendirmek için
96+
</div>
97+
<div className="bg-amber-50 p-4 rounded-lg">
98+
<strong className="text-amber-700">Anti-Endomysium:</strong>{" "}
99+
Konfirmasyon testi olarak kullanılır
100+
</div>
101+
</div>
102+
</div>
91103

92-
<h3>Çölyak Hastalığı Nedir?</h3>
93-
<p>
94-
Çölyak hastalığı, gluten içeren gıdaları sindiremeyen kişilerde
95-
gelişen otoimmün bir hastalıktır. Genetik yatkınlık gerektirir
96-
ve yaşam boyu sürer.
97-
</p>
104+
<div>
105+
<h3 className="text-xl font-semibold text-gray-900 mb-4">
106+
Çölyak Hastalığı Nedir?
107+
</h3>
108+
<p className="text-gray-700 leading-relaxed">
109+
Çölyak hastalığı, gluten içeren gıdaları sindiremeyen
110+
kişilerde gelişen otoimmün bir hastalıktır. Genetik yatkınlık
111+
gerektirir ve yaşam boyu sürer.
112+
</p>
113+
</div>
98114

99-
<h3>Belirtiler</h3>
100-
<p>Çölyak hastalığının belirtileri şunlardır:</p>
101-
<ul>
102-
<li>Kronik ishal</li>
103-
<li>Karın şişkinliği ve ağrısı</li>
104-
<li>Kilo kaybı</li>
105-
<li>Yorgunluk</li>
106-
<li>Demir eksikliği anemisi</li>
107-
<li>Kemik ağrıları</li>
108-
<li>Deri döküntüleri</li>
109-
<li>Çocuklarda büyüme geriliği</li>
110-
</ul>
115+
<div>
116+
<h3 className="text-xl font-semibold text-gray-900 mb-4">
117+
Belirtiler
118+
</h3>
119+
<p className="text-gray-700 leading-relaxed mb-4">
120+
Çölyak hastalığının belirtileri şunlardır:
121+
</p>
122+
<div className="grid md:grid-cols-2 gap-3">
123+
<div className="bg-red-50 p-3 rounded-lg text-red-700">
124+
Kronik ishal
125+
</div>
126+
<div className="bg-red-50 p-3 rounded-lg text-red-700">
127+
Karın şişkinliği ve ağrısı
128+
</div>
129+
<div className="bg-red-50 p-3 rounded-lg text-red-700">
130+
Kilo kaybı
131+
</div>
132+
<div className="bg-red-50 p-3 rounded-lg text-red-700">
133+
Yorgunluk
134+
</div>
135+
<div className="bg-red-50 p-3 rounded-lg text-red-700">
136+
Demir eksikliği anemisi
137+
</div>
138+
<div className="bg-red-50 p-3 rounded-lg text-red-700">
139+
Kemik ağrıları
140+
</div>
141+
<div className="bg-red-50 p-3 rounded-lg text-red-700">
142+
Deri döküntüleri
143+
</div>
144+
<div className="bg-red-50 p-3 rounded-lg text-red-700">
145+
Çocuklarda büyüme geriliği
146+
</div>
147+
</div>
148+
</div>
111149

112-
<h3>Risk Faktörleri</h3>
113-
<ul>
114-
<li>Aile öyküsü (birinci derece akrabalarda %10 risk)</li>
115-
<li>Tip 1 diyabet</li>
116-
<li>Tiroid hastalıkları</li>
117-
<li>Down sendromu</li>
118-
<li>İrritabl bağırsak sendromu</li>
119-
</ul>
150+
<div>
151+
<h3 className="text-xl font-semibold text-gray-900 mb-4">
152+
Risk Faktörleri
153+
</h3>
154+
<div className="space-y-3">
155+
<div className="bg-yellow-50 p-4 rounded-lg text-yellow-700">
156+
Aile öyküsü (birinci derece akrabalarda %10 risk)
157+
</div>
158+
<div className="bg-yellow-50 p-4 rounded-lg text-yellow-700">
159+
Tip 1 diyabet
160+
</div>
161+
<div className="bg-yellow-50 p-4 rounded-lg text-yellow-700">
162+
Tiroid hastalıkları
163+
</div>
164+
<div className="bg-yellow-50 p-4 rounded-lg text-yellow-700">
165+
Down sendromu
166+
</div>
167+
<div className="bg-yellow-50 p-4 rounded-lg text-yellow-700">
168+
İrritabl bağırsak sendromu
169+
</div>
170+
</div>
171+
</div>
120172

121-
<h3>Test Öncesi Hazırlık</h3>
122-
<p>
123-
Testler gluten içeren diyetle yapılmalıdır. Glutensiz diyete
124-
geçmeden önce test yaptırmak önemlidir. Test öncesi en az 6
125-
hafta gluten tüketimi gerekir.
126-
</p>
173+
<div className="bg-blue-50 p-6 rounded-lg">
174+
<h3 className="text-xl font-semibold text-blue-700 mb-4">
175+
Test Öncesi Hazırlık
176+
</h3>
177+
<p className="text-gray-700 leading-relaxed">
178+
Testler gluten içeren diyetle yapılmalıdır. Glutensiz diyete
179+
geçmeden önce test yaptırmak önemlidir. Test öncesi en az 6
180+
hafta gluten tüketimi gerekir.
181+
</p>
182+
</div>
127183

128-
<h3>Tedavi</h3>
129-
<p>
130-
Çölyak hastalığının tek tedavisi yaşam boyu glutensiz diyet
131-
uygulamaktır. Gluten içeren buğday, arpa, çavdar tamamen
132-
eliminasyon edilmelidir.
133-
</p>
184+
<div className="bg-green-50 p-6 rounded-lg">
185+
<h3 className="text-xl font-semibold text-green-700 mb-4">
186+
Tedavi
187+
</h3>
188+
<p className="text-gray-700 leading-relaxed">
189+
Çölyak hastalığının tek tedavisi yaşam boyu glutensiz diyet
190+
uygulamaktır. Gluten içeren buğday, arpa, çavdar tamamen
191+
eliminasyon edilmelidir.
192+
</p>
193+
</div>
134194

135-
<h3>Glutensiz Yaşam</h3>
136-
<ul>
137-
<li>Etiket okuma alışkanlığı edinin</li>
138-
<li>Çapraz kontaminasyondan kaçının</li>
139-
<li>Glutensiz ürün markalarını öğrenin</li>
140-
<li>Dışarıda yemek yerken dikkatli olun</li>
141-
<li>Ailenizi bilgilendirin</li>
142-
</ul>
195+
<div className="bg-primary/10 p-6 rounded-lg">
196+
<h3 className="text-xl font-semibold text-primary mb-4">
197+
Glutensiz Yaşam
198+
</h3>
199+
<div className="grid md:grid-cols-2 gap-3">
200+
<div className="bg-white p-3 rounded-lg border border-primary/20 text-gray-700">
201+
Etiket okuma alışkanlığı edinin
202+
</div>
203+
<div className="bg-white p-3 rounded-lg border border-primary/20 text-gray-700">
204+
Çapraz kontaminasyondan kaçının
205+
</div>
206+
<div className="bg-white p-3 rounded-lg border border-primary/20 text-gray-700">
207+
Glutensiz ürün markalarını öğrenin
208+
</div>
209+
<div className="bg-white p-3 rounded-lg border border-primary/20 text-gray-700">
210+
Dışarıda yemek yerken dikkatli olun
211+
</div>
212+
<div className="bg-white p-3 rounded-lg border border-primary/20 text-gray-700 md:col-span-2">
213+
Ailenizi bilgilendirin
214+
</div>
215+
</div>
216+
</div>
143217
</div>
144218

145219
{/* Navigation */}

0 commit comments

Comments
 (0)