mirror of
https://github.com/stoatchat/for-legacy-web.git
synced 2026-03-09 18:15:28 +00:00
added a showcolor column for special servers
This commit is contained in:
@@ -49,6 +49,7 @@ interface Server {
|
||||
inviteCode: string;
|
||||
disabled: boolean;
|
||||
new: boolean;
|
||||
showcolor: string;
|
||||
sortorder: number;
|
||||
}
|
||||
|
||||
@@ -62,6 +63,16 @@ const NewServerWrapper = styled.div`
|
||||
}
|
||||
`;
|
||||
|
||||
// Dynamic color wrapper component
|
||||
const ColorWrapper = styled.div<{ color: string }>`
|
||||
color: ${props => props.color};
|
||||
display: contents;
|
||||
|
||||
a {
|
||||
color: ${props => props.color};
|
||||
}
|
||||
`;
|
||||
|
||||
const CACHE_KEY = "server_list_cache";
|
||||
const CACHE_DURATION = 1 * 60 * 1000; // 1 minutes in milliseconds
|
||||
|
||||
@@ -195,11 +206,13 @@ const Home: React.FC = () => {
|
||||
<Link to={linkTo}>{buttonContent}</Link>
|
||||
);
|
||||
|
||||
return server.new ? (
|
||||
<NewServerWrapper>{content}</NewServerWrapper>
|
||||
) : (
|
||||
content
|
||||
);
|
||||
if (server.showcolor && server.showcolor.trim()) {
|
||||
content = <ColorWrapper color={server.showcolor}>{content}</ColorWrapper>;
|
||||
} else if (server.new) {
|
||||
content = <NewServerWrapper>{content}</NewServerWrapper>;
|
||||
}
|
||||
|
||||
return content;
|
||||
};
|
||||
|
||||
if (loading) {
|
||||
|
||||
Reference in New Issue
Block a user