jaredandClaude Opus 5
f5ee3c0d0e
CI / Build & Quality Checks (push) Successful in 1m39s
CI / Docker image build & smoke test (push) Skipped
CI / Secret scan (gitleaks) (push) Successful in 7s
CI / Trigger Desktop Build (push) Successful in 7s
CI / Playwright smoke (e2e) (push) Successful in 8m41s
public/res/ carried two DIFFERENT files whose names differ only in case — Lotus.png (19 897 B, the 256px logo used by the welcome page, auth layout, OIDC config and About) and lotus.png (2 073 B, the notification icon). Windows and macOS filesystems are case-insensitive, so a checkout there collapses them into one path: one of the two references then resolves to the wrong bytes or to nothing, which is why the desktop client's home logo rendered as alt text from http://localhost:44548/public/res/Lotus.png. Renamed the logo to lotus-logo.png and updated its four references; verified no case-only filename collisions remain anywhere in the repo, and that both logos still load (256x256 on the welcome page and About). Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01PPmy3tPq869XDW4njjVaKA
76 lines
2.4 KiB
TypeScript
76 lines
2.4 KiB
TypeScript
import React from 'react';
|
|
import { Box, Button, Icon, Icons, Text, config, toRem } from 'folds';
|
|
import { Page, PageHero, PageHeroSection } from '../../components/page';
|
|
import { getOriginBaseUrl, withOriginBaseUrl } from '../pathUtils';
|
|
import pkg from '../../../../package.json';
|
|
|
|
const LotusLogo = withOriginBaseUrl(getOriginBaseUrl(), '/public/res/lotus-logo.png');
|
|
|
|
export function WelcomePage() {
|
|
return (
|
|
<Page>
|
|
<Box
|
|
grow="Yes"
|
|
style={{ padding: config.space.S400, paddingBottom: config.space.S700 }}
|
|
alignItems="Center"
|
|
justifyContent="Center"
|
|
>
|
|
<PageHeroSection>
|
|
<PageHero
|
|
icon={
|
|
<img
|
|
width="70"
|
|
height="70"
|
|
src={LotusLogo}
|
|
alt="Lotus Chat"
|
|
style={{ objectFit: 'contain' }}
|
|
/>
|
|
}
|
|
title="Welcome to Lotus Chat"
|
|
subTitle={
|
|
<span>
|
|
A Matrix client for Lotus Guild.{' '}
|
|
<a
|
|
href="https://code.lotusguild.org/LotusGuild/cinny/releases"
|
|
target="_blank"
|
|
rel="noreferrer noopener"
|
|
>
|
|
v{pkg.version}
|
|
</a>
|
|
</span>
|
|
}
|
|
>
|
|
<Box justifyContent="Center">
|
|
<Box grow="Yes" style={{ maxWidth: toRem(300) }} direction="Column" gap="300">
|
|
<Button
|
|
as="a"
|
|
href="https://code.lotusguild.org/LotusGuild/cinny"
|
|
target="_blank"
|
|
rel="noreferrer noopener"
|
|
before={<Icon size="200" src={Icons.Code} />}
|
|
>
|
|
<Text as="span" size="B400" truncate>
|
|
Source Code
|
|
</Text>
|
|
</Button>
|
|
<Button
|
|
as="a"
|
|
href="https://matrix.lotusguild.org"
|
|
target="_blank"
|
|
rel="noreferrer noopener"
|
|
fill="Soft"
|
|
before={<Icon size="200" src={Icons.Heart} />}
|
|
>
|
|
<Text as="span" size="B400" truncate>
|
|
Lotus Matrix Guide
|
|
</Text>
|
|
</Button>
|
|
</Box>
|
|
</Box>
|
|
</PageHero>
|
|
</PageHeroSection>
|
|
</Box>
|
|
</Page>
|
|
);
|
|
}
|