Function WelcomeBlock

src/Components/Home/home.jsx:356–439

()

}

function WelcomeBlock() {
    const dark = useTheme().palette.mode === 'dark';
    // seed from cache so we never block the first paint on the network
    const [stars, setStars] = useState(() => readCachedStars()?.count ?? null);

    useEffect(() => {
        let alive = true;
        const cached = readCachedStars();
        // cache still fresh — already shown as initial state, skip the request
        if (cached && Date.now() - cached.at < GITHUB_STARS_TTL) return;
        fetch('https://api.github.com/repos/opensist/opensist.github.io')
            .then((r) => (r.ok ? r.json() : null))
            .then((d) => {
                if (alive && d && typeof d.stargazers_count === 'number') {
                    setStars(d.stargazers_count);
                    try {
                        localStorage.setItem(GITHUB_STARS_CACHE_KEY, JSON.stringify({count: d.stargazers_count, at: Date.now()}));
                    } catch {
                        /* ignore write failures (private mode / quota) */
                    }
                }
            })
            .catch(() => {
            });
        return () => {
            alive = false;
        };
    }, []);

    return (
        <Box className="GlassCard" sx={{
            width: {xs: '100%', sm: '80%', md: '62%', lg: '52%'},
            maxWidth: '100%',
            minWidth: 0,
            p: {xs: '1.25rem', md: '1.25rem 2.25rem'},
            bgcolor: dark ? 'rgba(21,25,32,0.55)' : 'rgba(255,255,255,0.42)',
            border: dark ? '1px solid rgba(255,255,255,0.06)' : '1px solid rgba(255,255,255,0.5)',
            boxShadow: dark ? '0 10px 40px rgba(0,0,0,0.45)' : '0 10px 40px rgba(16,24,40,0.12)',
        }}>
            <Typography variant='h6' sx={{fontFamily: 'Merriweather', color: 'text.secondary', mb: '0.15rem'}}>
                Welcome to
            </Typography>
            <OpenSIST props={{variant: 'h2'}} sx={{
                display: 'inline-block',
                fontSize: {xs: '2.4rem', sm: '2.8rem', md: '3rem'},
                background: dark ? 'linear-gradient(120deg, #93C0F2, #6BA6E8)' : 'linear-gradient(120deg, #1C5BAA, #4F86CE)',
                backgroundClip: 'text',
                WebkitBackgroundClip: 'text',
                color: 'transparent',
                WebkitTextFillColor: 'transparent',
            }}/>
            <Typography sx={{mt: '0.4rem', color: 'text.secondary', letterSpacing: '0.02em'}}>
                上海科技大学留学申请信息分享平台
            </Typography>
            <Divider sx={{my: '0.85rem', borderColor: 'divider'}}/>
            <Typography sx={{mb: '1rem', lineHeight: 1.7}}>
                OpenSIST由上海科技大学2020级信息学院同学自发创建，旨在为上科大学子提供一个更加开放的留学申请信息分享平台，帮助大家更好地规划自己的留学申请。如果喜欢，欢迎给我们一个 Star ⭐
            </Typography>