Function ProgramIndex

src/Components/ProgramPage/ProgramIndex.jsx:75–131

()

}

export default function ProgramIndex() {
    return (
        <Box sx={{flex: 1, minHeight: 0, overflowY: "auto", width: "100%", py: {xs: 1, sm: 2}}}>
            <Typography variant="h5" sx={{fontWeight: 700}}>项目信息表</Typography>
            <Typography sx={{color: "text.secondary", mt: 1, mb: 4, maxWidth: 720}}>
                汇集 ShanghaiTech 学长学姐整理的海外硕博项目信息，从左侧选择学校开始浏览，或借助筛选快速定位目标项目。
            </Typography>

            <SectionLabel>快速上手</SectionLabel>
            <Box sx={{display: "grid", gridTemplateColumns: "repeat(auto-fill, minmax(300px, 1fr))", gap: 2}}>
                {tips.map((tip) => (
                    <Paper key={tip.title} elevation={0}
                           sx={{bgcolor: (theme) => theme.palette.surfaceVariant, borderRadius: 3, p: 2.5, display: "flex", gap: 2, alignItems: "flex-start"}}>
                        <IconTile>{tip.icon}</IconTile>
                        <Box>
                            <Typography sx={{fontWeight: 600, mb: 0.5}}>{tip.title}</Typography>
                            <Typography variant="body2" sx={{color: "text.secondary", lineHeight: 1.7}}>{tip.desc}</Typography>
                        </Box>
                    </Paper>
                ))}
            </Box>

            <Box sx={{mt: 4}}>
                <SectionLabel>专业标签速查</SectionLabel>
                <Paper elevation={0}
                       sx={{bgcolor: (theme) => theme.palette.surfaceVariant, borderRadius: 3, p: 2.5, display: "grid", gridTemplateColumns: "repeat(auto-fill, minmax(220px, 1fr))", gap: 1.5}}>
                    {majors.map((m) => (
                        <Box key={m.tag} sx={{display: "flex", alignItems: "center", gap: 1.5}}>
                            <Chip label={m.tag} size="small"
                                  sx={{fontWeight: 700, bgcolor: (theme) => theme.palette.surface, color: "primary.main", minWidth: 60}}/>
                            <Box sx={{minWidth: 0}}>
                                <Typography variant="body2" sx={{fontWeight: 600, lineHeight: 1.3}}>{m.zh}</Typography>
                                <Typography variant="caption" sx={{color: "text.secondary"}}>{m.full}</Typography>
                            </Box>
                        </Box>
                    ))}
                </Paper>
            </Box>

            <Box sx={{mt: 4}}>
                <SectionLabel>使用须知</SectionLabel>
                <Paper elevation={0} sx={{bgcolor: (theme) => theme.palette.surfaceVariant, borderRadius: 3, p: 2.5}}>
                    <Box component="ul" sx={{m: 0, pl: 2.5, color: "text.secondary"}}>
                        {notes.map((note) => (
                            <Typography component="li" variant="body2" key={note} sx={{lineHeight: 1.9}}>{note}</Typography>
                        ))}
                    </Box>
                    <Typography variant="body2" sx={{color: "text.secondary", mt: 1.5, lineHeight: 1.8}}>
                        没有找到你的学校？请到 GitHub{" "}
                        <MuiLink href="https://github.com/orgs/OpenSIST/discussions/23" target="_blank" rel="noopener">Discussion</MuiLink>
                        {" "}中提出需要添加的学校名称，开发者会尽快处理。
                    </Typography>
                </Paper>
            </Box>
        </Box>
    );
}