JSFiddle - React, Tailwind, and code Playground

by floor_

JavaScript

var data = {
	"message": {
		"filter": {
			"saved": "Filtre kaydedildi."
		}
	},
	"busySpinner": {
	    "pleaseWait": "Lütfen bekle"
	},
	"button": {
		"enter": "gir",
		"submit": "gönder",
		"search": "ara",
		"clear": "temizle",
		"view": "göster",
		"update": "güncelle",
		"delete": "sil",
		"add": "ekle",
		"back": "geri",
		"details": "ayrıntılar",
		"addFilter": "Ba_ka Filtre Ekle",
		"save": "Kaydet",
		"cancelChanges": "De_i_iklikleri _ptal Et "
	},
	"label": {
		"username": "Kullanıcı Adı",
		"location": "Konum",
		"firstname": "Ad",
		"name": "Ad",
		"lastname": "Soyad",
		"role": "Rol",
		"status": "Durum",
		"action": "Eylem",
		"email": "E-posta",
		"city": "_ehir",
		"province": "Bölge",
		"user": "Kullanıcı",
		"country": "Ülke",
		"canada": "Kanada",
		"usa": "ABD",
		"question": "Soru",
		"answer": "Yanıt",
		"visibility": "Görünürlük",
		"locationFilters": "Konum Filtreleri",
		"userFilters": "Kullanıcı Filtreleri",
		"type": "Tür",
		"include": "Dahil",
		"value": "De_er",
		"filterNA": "Bu filtre bu kullanıcı arayüzünde düzenleme yapmak için uygun de_ildir. Lütfen bir yöneticiyle görü_ün.",
		"roles": {
			"SYSADMINS": "Yöneticiler",
			"EXECUTIVES": "_dareciler",
			"OPERATIONS": "Kullanımı",
			"OWNERS": "__ Sahipleri",
			"MANAGERS": "Müdürler",
			"TEAM_MEMBERS": "Ekip Üyeleri",
			"INDIVIDUALS": "Ki_iler",
			"ALL": "Hepsi"
		}
	},
	"error": {
		"general": "Beklenmeyen bir hata olu_tu.  Lütfen tekrar deneyin."
	},
	"validation": {
		"invalidType": "Geçersiz tür."
	},
	"filterTypes": {
		"location": {
			"COUNTRY": "Ülke",
			"PROVINCE": "Bölge",
			"PROV_CITY": "Bölge/_ehir",
			"CITY": "_ehir",
			"LOCATION_CD": "Konum Kodu",
			"LOCATION_ATTR": "Konum Özellikleri",
			"LOCATION_TYPE": "Konum Türü"
		},
		"user": {
			"LOCATION_CD": "Konum Kodu",
			"CITY": "_ehir",
			"PROVINCE": "Bölge",
			"COUNTRY": "Ülke",
			"ROLE": "Rol",
			"RIGHT": "Sa_",
			"LOCATION_TYPE": "Konum Türü",
			"USER_ATTR": "Kullanıcı...