السلام عليكم ورحمة الله وبركاته،
يسعدني توثيق مساهمتي في مشروع Open Tarteel TV ضمن مبادرة رمضان الأثر، وأتقدم بالشكر الجزيل للمهندس عادل على إتاحة هذا المشروع المبارك ورعايته للمساهمين فيه.
أولاً — Issue #23 | إصلاح المسافة العمودية بين بطاقات القراء [EASY]
المشكلة:
لم يكن هناك أي تباعد عمودي بين بطاقات القراء في الشبكة الرئيسية، مما جعلها تبدو مكتظة ومضغوطة على بعضها.
الحل:
- إضافة
marginVertical: 8 لكل بطاقة في مكوّن section-reciters-grid.tsx
- تحديث قيمة
itemHeight في الـ VirtualizedGrid بزيادة 16px لتفادي تداخل الصفوف
رابط الـ Pull Request: https://github.com/adelpro/open-tarteel-tv/pull/24 ✅ (تم الدمج)
ثانياً — Issue #25 | بعض القراء لا يظهرون عند التمرير [MEDIUM BUG]
المشكلة:
عند التمرير للأسفل في قائمة القراء، كانت بعض البطاقات لا تظهر للمستخدم بسبب حساب خاطئ للارتفاع الإجمالي داخل مكتبة VirtualizedGrid.
الحل:
ربط الـ itemHeight بالقيمة الديناميكية المبنية على عرض الشاشة بدلاً من قيمة ثابتة، مما جعل المكتبة تحسب الطول الكلي للقائمة بشكل صحيح وتتيح التمرير حتى آخر عنصر.
رابط الـ Pull Request: https://github.com/adelpro/open-tarteel-tv/pull/26 ✅ (تم الدمج)
ثالثاً — Issue #22 | إضافة الوضع الداكن [MEDIUM]
المشكلة / الميزة:
التطبيق كان يفتقر للـ Dark Mode، وهو ضروري لكثير من المستخدمين الذين يشاهدون تلاوات القرآن ليلاً أو في بيئات ذات إضاءة خافتة.
الحل — ما تم تنفيذه:
- احترام إعداد النظام تلقائياً عبر
prefers-color-scheme
- إضافة زر تبديل بين الوضع الفاتح والداكن في إعدادات التطبيق
- حفظ تفضيل المستخدم عبر الجلسات
رابط الـ Pull Request: https://github.com/adelpro/open-tarteel-tv/pull/26 ✅ (تم الدمج)
نسأل الله أن يجعل هذا العمل خالصاً لوجهه الكريم، ونافعاً لكل من يستخدم التطبيق للاستماع لكتاب الله. وبالتوفيق للجميع 🤍
