Push to github
Some checks failed
Docker / Push (push) Has been cancelled

This commit is contained in:
Derek1256 2025-03-10 02:55:17 +00:00
parent 6a75caa68e
commit 52967b2874
12 changed files with 31 additions and 19 deletions

View file

@ -1,6 +1,7 @@
import React from 'react';
import BoringAvatar, { AvatarProps } from 'boring-avatars';
import { useStoreState } from '@/state/hooks';
import crypto from 'crypto';
const palette = ['#FFAD08', '#EDD75A', '#73B06F', '#0C8F8F', '#587291'];
@ -11,9 +12,9 @@ const _Avatar = ({ variant = 'beam', ...props }: AvatarProps) => (
);
const _UserAvatar = ({ variant = 'beam', ...props }: Omit<Props, 'name'>) => {
const uuid = useStoreState((state) => state.user.data?.uuid);
const avatar = useStoreState((state) => `https://www.gravatar.com/avatar/${crypto.createHash('md5').update(state.user.data!.email).digest('hex')}?s=512`);
return <BoringAvatar colors={palette} name={uuid || 'system'} variant={variant} {...props} />;
return <img src={avatar} className="user-image" alt="User Image" />;
};
_Avatar.displayName = 'Avatar';

View file

@ -29,17 +29,17 @@ const Container = styled.div`
`;
export default forwardRef<HTMLFormElement, Props>(({ title, ...props }, ref) => (
<Container>
{title && <h2 css={tw`text-3xl text-center text-neutral-100 font-medium py-4`}>{title}</h2>}
<FlashMessageRender css={tw`mb-2 px-1`} />
<Form {...props} ref={ref}>
<div css={tw`md:flex w-full bg-white shadow-lg rounded-lg p-6 md:pl-0 mx-1`}>
<div css={tw`flex-none select-none mb-6 md:mb-0 self-center`}>
<img src={'/assets/svgs/logo.png'} css={tw`block w-48 md:w-64 mx-auto`} />
</div>
<div css={tw`flex-1`}>{props.children}</div>
<Container>
{title && <h2 css={tw`text-3xl text-center text-neutral-100 font-medium py-4`}>{title}</h2>}
<FlashMessageRender css={tw`mb-2 px-1`} />
<Form {...props} ref={ref}>
<div css={tw`md:flex w-full bg-white shadow-lg rounded-lg p-6 md:pl-0 mx-1`}>
<div css={tw`flex-none select-none mb-6 md:mb-0 self-center`}>
<img src={'/assets/svgs/logo.png'} css={tw`block w-36 md:w-48 mx-auto`} />
</div>
</Form>
<div css={tw`flex-1`}>{props.children}</div>
</div>
</Form>
<p css={tw`text-center text-neutral-500 text-xs mt-4`}>
&copy; 2015 - {new Date().getFullYear()}&nbsp;
<a

View file

@ -53,7 +53,7 @@ const terminalProps: ITerminalOptions = {
};
export default () => {
const TERMINAL_PRELUDE = `\u001b[1m\u001b[38;2;153;0;255m${NookConfig.TERMINAL_PRELUDE} \u001b[0m`;
const TERMINAL_PRELUDE = `\u001b[1m\u001b[38;2;255;0;47m${NookConfig.TERMINAL_PRELUDE}\u001b[0m`;
const ref = useRef<HTMLDivElement>(null);
const terminal = useMemo(() => new Terminal({ ...terminalProps }), []);
const fitAddon = new FitAddon();
@ -87,11 +87,12 @@ export default () => {
const handleDaemonErrorOutput = (line: string) =>
terminal.writeln(
'\u001b[1m\u001b[38;2;153;0;255m' + NookConfig.TERMINAL_PRELUDE + '\u001b[0m' +
`\u001b[38;2;153;0;255m${NookConfig.TERMINAL_PRELUDE}\u001b[0m` +
'\u001b[41m' + line.replace(/(?:\r\n|\r|\n)$/im, '') + '\u001b[0m'
);
const handlePowerChangeEvent = (state: string) =>
terminal.writeln(TERMINAL_PRELUDE + 'Server marked as ' + state + '...\u001b[0m');