function MainComponent() { const [serverStatus, setServerStatus] = React.useState('🔴 غير متصل'); const [currentPlayers, setCurrentPlayers] = React.useState(0); const [connectionIssues, setConnectionIssues] = React.useState(false); const [players, setPlayers] = React.useState([]); React.useEffect(()=>{ fetch('https://api.example.com/server/status/c.algc.eu.org').then((response)=>response.json()).then((data)=>{ setServerStatus(data.connected ? '🟢 متصل' : '🔴 غير متصل'); setCurrentPlayers(data.currentPlayers); setConnectionIssues(data.connectionIssues); }).catch(()=>{ setServerStatus('🔴 غير متصل'); setCurrentPlayers(0); setConnectionIssues(true); }); fetch('https://api.example.com/server/players/c.algc.eu.org').then((response)=>response.json()).then((data)=>{ setPlayers(data.players); }).catch(()=>{ setPlayers([]); }); }, []); return /*#__PURE__*/ React.createElement("div", { className: "font-roboto bg-[#f0f0f0] min-h-screen p-4", __source: { fileName: "", lineNumber: 31, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-center py-6", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl text-[#333]", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, "حالة خادم ماين كرافت الخاص بي"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-[#666]", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, "c.algc.eu.org")), /*#__PURE__*/ React.createElement("main", { __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md rounded-lg p-4", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4 text-[#666]", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, "الحالة الحالية للخادم"), /*#__PURE__*/ React.createElement("p", { className: "text-green-500", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, serverStatus), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, "عدد اللاعبين المتصلين حاليًا: ", /*#__PURE__*/ React.createElement("span", { className: "text-blue-500", __source: { fileName: "", lineNumber: 41, columnNumber: 46 }, __self: this }, currentPlayers)), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, "مشاكل الاتصال: ", /*#__PURE__*/ React.createElement("span", { className: "text-red-500", __source: { fileName: "", lineNumber: 42, columnNumber: 31 }, __self: this }, connectionIssues ? 'نعم' : 'لا')))), /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md rounded-lg p-4", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4 text-[#666]", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "ترتيب اللاعبين حسب الساعات والنقاط"), /*#__PURE__*/ React.createElement("p", { className: "mb-2", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, "يتم ترتيب اللاعبين حسب عدد الساعات والنقاط"), /*#__PURE__*/ React.createElement("div", { className: "overflow-auto", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "w-full text-sm text-left text-gray-500", __source: { fileName: "", lineNumber: 50, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { className: "text-xs text-gray-700 uppercase bg-gray-50", __source: { fileName: "", lineNumber: 51, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 52, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("th", { scope: "col", className: "py-3 px-6", __source: { fileName: "", lineNumber: 53, columnNumber: 21 }, __self: this }, "اسم اللاعب"), /*#__PURE__*/ React.createElement("th", { scope: "col", className: "py-3 px-6", __source: { fileName: "", lineNumber: 54, columnNumber: 21 }, __self: this }, "عدد الساعات"), /*#__PURE__*/ React.createElement("th", { scope: "col", className: "py-3 px-6", __source: { fileName: "", lineNumber: 55, columnNumber: 21 }, __self: this }, "النقاط"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 58, columnNumber: 17 }, __self: this }, players.length > 0 ? players.map((player)=>/*#__PURE__*/ React.createElement("tr", { key: player.name, className: "bg-white border-b", __source: { fileName: "", lineNumber: 61, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("td", { scope: "row", className: "py-4 px-6 font-medium text-gray-900 whitespace-nowrap", __source: { fileName: "", lineNumber: 62, columnNumber: 25 }, __self: this }, player.name), /*#__PURE__*/ React.createElement("td", { className: "py-4 px-6", __source: { fileName: "", lineNumber: 63, columnNumber: 25 }, __self: this }, player.hours), /*#__PURE__*/ React.createElement("td", { className: "py-4 px-6", __source: { fileName: "", lineNumber: 64, columnNumber: 25 }, __self: this }, player.score))) : /*#__PURE__*/ React.createElement("tr", { className: "bg-white", __source: { fileName: "", lineNumber: 68, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("td", { scope: "row", colSpan: "3", className: "py-4 px-6 text-center", __source: { fileName: "", lineNumber: 69, columnNumber: 23 }, __self: this }, "لا يوجد بيانات"))))))))); }