deprem-yardim-frontend
deprem-yardim-frontend copied to clipboard
acikyazilimagi
feat: Uygulamaya İngilizce - Türkçe dil desteği eklenmeli
İsteğiniz şeyi tanımlayın
Uygulamaya react-intl ile bir dil desteği getirilmelidir.
** discord kullanıcı adı: @Ahmet Ulutaş**
React-intl ile dil dosyaları oluşturup uygulamaya İngilizce - Türkçe dil desteği sağlayabiliriz.
https://vimeo.com/797375383/2b87da0f33
@ahmettulutas i18n implemente edilebilir. Burada farkli diller icin gerekli olan dosyalara ihtiyacimiz olacaktir.
Unchecked etiketini kaldırdım fakat template'i incelersen eğer ona göre discord kullanıcı adını doğru girersen çok daha iyi olur. Template'in linki: https://github.com/acikkaynak/deprem-yardim-frontend/blob/development/.github/ISSUE_TEMPLATE/feature_request.md
@ahmettulutas React'in dilini mi ingilizce olmasini teklif ediyorsun? Biraz daha detay alabilir miyiz? @eraygundogmus buraya bir bakabilir misin?
@ahmettulutas React'in dilini mi ingilizce olmasini teklif ediyorsun? Biraz daha detay alabilir miyiz? @eraygundogmus buraya bir bakabilir misin?
Hayır. Bu uygulamaya bir dil özelliği ekleyebilirim. Böylece sadece türkçe bilen değil yabancı kullanıcılar da bu uygulamayı kullanabilir. Hatta geliştirme hazır. Onaylarsanız pr atabilirim. https://vimeo.com/797375383/2b87da0f33
@ahmettulutas mobile'de alanı doldurmamak önemli şu anda, Desktop için dropdown kullanmışsın gördüğüm kadarıyla, mobile için nasıl bir şey çalıştın?
Bunun için benim birkç önerim var, öncelikle butonla seçim yerine cihaz dilini yaklayarak dili otomatik verebiliriz. Kafamda oluşturduğum koşullar şöyle; Cihaz dili TR veya Unknown ise TR dil gösterilebilir. Cihaz dili üsttekiler dışında hepsinde EN dil gösterilebilir. (Global dil olduğu için)
Aslında 280px width'e kadar bu buton çalışır. Yani bu butonu mobilde kullanamama gibi bir durum söz konusu değil. Cihaz dilini yakalayarak verilebilir tabii ancak cihaz dili ingilizce dışında bir şey ise fallback hep İngilizce olur. Aksi takdirde bütün cihaz dillerine yönelik translation dosyaları oluşturmak gerekir ki nacizane fikrim buna gerek yok. Ben bunu default language Türkçe ve yabancı bir kullanıcı dilerse kullanabilsin, İngilizce dil seçeneği olsun ve Türkçe'den İngilizce'ye switch edebilsin diye ekledim. Pratik ve hızlı oldu.
@ahmettulutas Yok dediğini anladım fakat mobile de 280px üstü ols abile alan daraltacak, kullanımı kolaylaştırmamız gerekiyor daha çok mobile için. Bu sebeple cihaz dilini yakalamayı önerdim, ayrıca tüm dilleri yapmamıza gerek yok, üstte de açıklamıştım TR ise TR, TR olmayan her cihaz dili için EN gösterilir.
Bunu product'a veya lead'lere bırakabiliriz, benimki kullanıcı arayüzünü basit tutmak için bir öneri sadece.
@ahmettulutas Yok dediğini anladım fakat mobile de 280px üstü ols abile alan daraltacak, kullanımı kolaylaştırmamız gerekiyor daha çok mobile için. Bu sebeple cihaz dilini yakalamayı önerdim, ayrıca tüm dilleri yapmamıza gerek yok, üstte de açıklamıştım TR ise TR, TR olmayan her cihaz dili için EN gösterilir.
Bunu product'a veya lead'lere bırakabiliriz, benimki kullanıcı arayüzünü basit tutmak için bir öneri sadece.
Ben next.js projesi olduğu için next'in useRouter() hookunu ve react-intl kütüphanelerini kullanarak conventional bir çözüm buldum açıkçası. Butonu mobilde alan kaplamaması için küçültebilirim.
