mirror of
https://github.com/clash-verge-rev/clash-verge-rev
synced 2025-05-05 07:03:45 +08:00
feat: limit max url lenght on home profile card
This commit is contained in:
parent
530669d288
commit
ba5d5e9f86
@ -35,10 +35,19 @@ const round = keyframes`
|
|||||||
`;
|
`;
|
||||||
|
|
||||||
// 辅助函数解析URL和过期时间
|
// 辅助函数解析URL和过期时间
|
||||||
const parseUrl = (url?: string) => {
|
const parseUrl = (url?: string, maxLength: number = 25) => {
|
||||||
if (!url) return "-";
|
if (!url) return "-";
|
||||||
if (url.startsWith("http")) return new URL(url).host;
|
let parsedUrl = "";
|
||||||
return "local";
|
if (url.startsWith("http")) {
|
||||||
|
parsedUrl = new URL(url).host;
|
||||||
|
} else {
|
||||||
|
parsedUrl = "local";
|
||||||
|
}
|
||||||
|
|
||||||
|
if (parsedUrl.length > maxLength) {
|
||||||
|
return parsedUrl.substring(0, maxLength - 3) + "...";
|
||||||
|
}
|
||||||
|
return parsedUrl;
|
||||||
};
|
};
|
||||||
|
|
||||||
const parseExpire = (expire?: number) => {
|
const parseExpire = (expire?: number) => {
|
||||||
@ -107,16 +116,22 @@ const ProfileDetails = ({ current, onUpdateProfile, updating }: {
|
|||||||
component="button"
|
component="button"
|
||||||
fontWeight="medium"
|
fontWeight="medium"
|
||||||
onClick={() => current.home && openWebUrl(current.home)}
|
onClick={() => current.home && openWebUrl(current.home)}
|
||||||
sx={{ display: "inline-flex", alignItems: "center" }}
|
sx={{
|
||||||
|
display: "inline-flex",
|
||||||
|
alignItems: "center"
|
||||||
|
}}
|
||||||
>
|
>
|
||||||
{parseUrl(current.url)}
|
{parseUrl(current.url)}
|
||||||
<LaunchOutlined
|
<LaunchOutlined
|
||||||
fontSize="inherit"
|
fontSize="inherit"
|
||||||
sx={{ ml: 0.5, fontSize: "0.8rem", opacity: 0.7 }}
|
sx={{ ml: 0.5, fontSize: "0.8rem", opacity: 0.7, flexShrink: 0 }}
|
||||||
/>
|
/>
|
||||||
</Link>
|
</Link>
|
||||||
) : (
|
) : (
|
||||||
<Box component="span" fontWeight="medium">
|
<Box
|
||||||
|
component="span"
|
||||||
|
fontWeight="medium"
|
||||||
|
>
|
||||||
{parseUrl(current.url)}
|
{parseUrl(current.url)}
|
||||||
</Box>
|
</Box>
|
||||||
)}
|
)}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user