首页概览学习排行优化

This commit is contained in:
禺狨 2023-05-10 15:56:41 +08:00
parent 2a4123822b
commit 535dfb8204

View File

@ -258,19 +258,15 @@ const DashboardPage = () => {
src={iconN1}
alt=""
/>
{basicData.user_learn_top10[0] &&
basicData.user_learn_top10[0].user_id &&
basicData.user_learn_top10_users[
basicData.user_learn_top10[0].user_id
](
<div className={styles["item-name"]}>
{
basicData.user_learn_top10_users[
basicData.user_learn_top10[0].user_id
].name
}
</div>
)}
{basicData.user_learn_top10[0] && (
<div className={styles["item-name"]}>
{
basicData.user_learn_top10_users[
basicData.user_learn_top10[0].user_id
]?.name
}
</div>
)}
</div>
{basicData.user_learn_top10[0] && (
<div className={styles["item-time"]}>
@ -287,19 +283,15 @@ const DashboardPage = () => {
src={iconN2}
alt=""
/>
{basicData.user_learn_top10[1] &&
basicData.user_learn_top10[1].user_id &&
basicData.user_learn_top10_users[
basicData.user_learn_top10[1].user_id
] && (
<div className={styles["item-name"]}>
{
basicData.user_learn_top10_users[
basicData.user_learn_top10[1].user_id
].name
}
</div>
)}
{basicData.user_learn_top10[1] && (
<div className={styles["item-name"]}>
{
basicData.user_learn_top10_users[
basicData.user_learn_top10[1].user_id
]?.name
}
</div>
)}
</div>
{basicData.user_learn_top10[1] && (
<div className={styles["item-time"]}>
@ -316,19 +308,15 @@ const DashboardPage = () => {
src={iconN3}
alt=""
/>
{basicData.user_learn_top10[2] &&
basicData.user_learn_top10[2].user_id &&
basicData.user_learn_top10_users[
basicData.user_learn_top10[2].user_id
] && (
<div className={styles["item-name"]}>
{
basicData.user_learn_top10_users[
basicData.user_learn_top10[2].user_id
].name
}
</div>
)}
{basicData.user_learn_top10[2] && (
<div className={styles["item-name"]}>
{
basicData.user_learn_top10_users[
basicData.user_learn_top10[2].user_id
]?.name
}
</div>
)}
</div>
{basicData.user_learn_top10[2] && (
<div className={styles["item-time"]}>
@ -341,19 +329,15 @@ const DashboardPage = () => {
<div className={styles["rank-item"]}>
<div className={styles["left-item"]}>
<div className={styles["item-num"]}>4</div>
{basicData.user_learn_top10[3] &&
basicData.user_learn_top10[3].user_id &&
basicData.user_learn_top10_users[
basicData.user_learn_top10[3].user_id
] && (
<div className={styles["item-name"]}>
{
basicData.user_learn_top10_users[
basicData.user_learn_top10[3].user_id
].name
}
</div>
)}
{basicData.user_learn_top10[3] && (
<div className={styles["item-name"]}>
{
basicData.user_learn_top10_users[
basicData.user_learn_top10[3].user_id
]?.name
}
</div>
)}
</div>
{basicData.user_learn_top10[3] && (
<div className={styles["item-time"]}>
@ -366,19 +350,15 @@ const DashboardPage = () => {
<div className={styles["rank-item"]}>
<div className={styles["left-item"]}>
<div className={styles["item-num"]}>5</div>
{basicData.user_learn_top10[4] &&
basicData.user_learn_top10[4].user_id &&
basicData.user_learn_top10_users[
basicData.user_learn_top10[4].user_id
] && (
<div className={styles["item-name"]}>
{
basicData.user_learn_top10_users[
basicData.user_learn_top10[4].user_id
].name
}
</div>
)}
{basicData.user_learn_top10[4] && (
<div className={styles["item-name"]}>
{
basicData.user_learn_top10_users[
basicData.user_learn_top10[4].user_id
]?.name
}
</div>
)}
</div>
{basicData.user_learn_top10[4] && (
<div className={styles["item-time"]}>
@ -395,19 +375,15 @@ const DashboardPage = () => {
<div className={styles["rank-item"]}>
<div className={styles["left-item"]}>
<div className={styles["item-num"]}>6</div>
{basicData.user_learn_top10[5] &&
basicData.user_learn_top10[5].user_id &&
basicData.user_learn_top10_users[
basicData.user_learn_top10[5].user_id
] && (
<div className={styles["item-name"]}>
{
basicData.user_learn_top10_users[
basicData.user_learn_top10[5].user_id
].name
}
</div>
)}
{basicData.user_learn_top10[5] && (
<div className={styles["item-name"]}>
{
basicData.user_learn_top10_users[
basicData.user_learn_top10[5].user_id
]?.name
}
</div>
)}
</div>
{basicData.user_learn_top10[5] && (
<div className={styles["item-time"]}>
@ -420,19 +396,15 @@ const DashboardPage = () => {
<div className={styles["rank-item"]}>
<div className={styles["left-item"]}>
<div className={styles["item-num"]}>7</div>
{basicData.user_learn_top10[6] &&
basicData.user_learn_top10[6].user_id &&
basicData.user_learn_top10_users[
basicData.user_learn_top10[6].user_id
] && (
<div className={styles["item-name"]}>
{
basicData.user_learn_top10_users[
basicData.user_learn_top10[6].user_id
].name
}
</div>
)}
{basicData.user_learn_top10[6] && (
<div className={styles["item-name"]}>
{
basicData.user_learn_top10_users[
basicData.user_learn_top10[6].user_id
]?.name
}
</div>
)}
</div>
{basicData.user_learn_top10[6] && (
<div className={styles["item-time"]}>
@ -445,19 +417,15 @@ const DashboardPage = () => {
<div className={styles["rank-item"]}>
<div className={styles["left-item"]}>
<div className={styles["item-num"]}>8</div>
{basicData.user_learn_top10[7] &&
basicData.user_learn_top10[7].user_id &&
basicData.user_learn_top10_users[
basicData.user_learn_top10[7].user_id
] && (
<div className={styles["item-name"]}>
{
basicData.user_learn_top10_users[
basicData.user_learn_top10[7].user_id
].name
}
</div>
)}
{basicData.user_learn_top10[7] && (
<div className={styles["item-name"]}>
{
basicData.user_learn_top10_users[
basicData.user_learn_top10[7].user_id
]?.name
}
</div>
)}
</div>
{basicData.user_learn_top10[7] && (
<div className={styles["item-time"]}>
@ -470,19 +438,15 @@ const DashboardPage = () => {
<div className={styles["rank-item"]}>
<div className={styles["left-item"]}>
<div className={styles["item-num"]}>9</div>
{basicData.user_learn_top10[8] &&
basicData.user_learn_top10[8].user_id &&
basicData.user_learn_top10_users[
basicData.user_learn_top10[8].user_id
] && (
<div className={styles["item-name"]}>
{
basicData.user_learn_top10_users[
basicData.user_learn_top10[8].user_id
].name
}
</div>
)}
{basicData.user_learn_top10[8] && (
<div className={styles["item-name"]}>
{
basicData.user_learn_top10_users[
basicData.user_learn_top10[8].user_id
]?.name
}
</div>
)}
</div>
{basicData.user_learn_top10[8] && (
<div className={styles["item-time"]}>
@ -495,19 +459,15 @@ const DashboardPage = () => {
<div className={styles["rank-item"]}>
<div className={styles["left-item"]}>
<div className={styles["item-num"]}>10</div>
{basicData.user_learn_top10[9] &&
basicData.user_learn_top10[9].user_id &&
basicData.user_learn_top10_users[
basicData.user_learn_top10[9].user_id
] && (
<div className={styles["item-name"]}>
{
basicData.user_learn_top10_users[
basicData.user_learn_top10[9].user_id
].name
}
</div>
)}
{basicData.user_learn_top10[9] && (
<div className={styles["item-name"]}>
{
basicData.user_learn_top10_users[
basicData.user_learn_top10[9].user_id
]?.name
}
</div>
)}
</div>
{basicData.user_learn_top10[9] && (
<div className={styles["item-time"]}>