1e66815a3d
* Make /db top-level module * Create Album type * Pin pnpm version * Generalize query modules * Finalize album postgres data type * Remove temp albums prop * Create basic album primitives * Fix temporary album bugs * Add albums to sidebar * Disambiguate string date utilities * Localize album language * Add album join option to core photo queries * Tweak album icon placement * Add album photo detail page * Refine Album data model * Display album subhead when available * Generate album og images * Finalize album share modal * Add albums to sitemap * Statically pre-render albums * Display tags on albums * Add albums to cmd-k menu * Handle album tag overflow * Stop truncating album subheads * Create core admin album views * Make albums editable * Create/edit albums on photo save, add delete album
38 lines
929 B
TypeScript
38 lines
929 B
TypeScript
import { photoLabelForCount } from '@/photo';
|
|
import { clsx } from 'clsx/lite';
|
|
import Badge from '@/components/Badge';
|
|
import PhotoRecipe from '@/recipe/PhotoRecipe';
|
|
import { getAppText } from '@/i18n/state/server';
|
|
|
|
export default async function AdminRecipeBadge({
|
|
recipe,
|
|
count,
|
|
hideBadge,
|
|
}: {
|
|
recipe: string,
|
|
count: number,
|
|
hideBadge?: boolean,
|
|
}) {
|
|
const appText = await getAppText();
|
|
|
|
const renderBadgeContent = () =>
|
|
<div className={clsx(
|
|
'inline-flex items-center gap-2',
|
|
)}>
|
|
<PhotoRecipe {...{ recipe }} hoverType="image" />
|
|
<div className="text-dim uppercase">
|
|
<span>{count}</span>
|
|
<span className="hidden xs:inline-block">
|
|
|
|
{photoLabelForCount(count, appText)}
|
|
</span>
|
|
</div>
|
|
</div>;
|
|
|
|
return (
|
|
hideBadge
|
|
? renderBadgeContent()
|
|
: <Badge className="py-[3px]!">{renderBadgeContent()}</Badge>
|
|
);
|
|
}
|