41 lines
1.1 KiB
TypeScript
41 lines
1.1 KiB
TypeScript
// Copyright 2022 Signal Messenger, LLC
|
|
// SPDX-License-Identifier: AGPL-3.0-only
|
|
|
|
import type { AttachmentType, TextAttachmentType } from '../types/Attachment';
|
|
|
|
const COLOR_BLACK_ALPHA_90 = 'rgba(0, 0, 0, 0.9)';
|
|
export const COLOR_BLACK_INT = 4278190080;
|
|
export const COLOR_WHITE_INT = 4294704123;
|
|
|
|
export function getHexFromNumber(color: number): string {
|
|
return `#${color.toString(16).slice(2)}`;
|
|
}
|
|
|
|
export function getBackgroundColor({
|
|
color,
|
|
gradient,
|
|
}: Pick<TextAttachmentType, 'color' | 'gradient'>): string {
|
|
if (gradient) {
|
|
return `linear-gradient(${gradient.angle}deg, ${getHexFromNumber(
|
|
gradient.startColor || COLOR_WHITE_INT
|
|
)}, ${getHexFromNumber(gradient.endColor || COLOR_WHITE_INT)}) border-box`;
|
|
}
|
|
|
|
return getHexFromNumber(color || COLOR_WHITE_INT);
|
|
}
|
|
|
|
export function getStoryBackground(attachment?: AttachmentType): string {
|
|
if (!attachment) {
|
|
return COLOR_BLACK_ALPHA_90;
|
|
}
|
|
|
|
if (attachment.textAttachment) {
|
|
return getBackgroundColor(attachment.textAttachment);
|
|
}
|
|
|
|
if (attachment.url) {
|
|
return `url("${attachment.url}")`;
|
|
}
|
|
|
|
return COLOR_BLACK_ALPHA_90;
|
|
}
|