flo-bit.dev
your personal website on atproto - mirror
blento.app
1import type { CardDefinition } from '../../types';
2import CreateProductHuntCardModal from './CreateProductHuntCardModal.svelte';
3import ProductHuntCard from './ProductHuntCard.svelte';
4
5const cardType = 'producthunt';
6
7export const ProductHuntCardDefinition = {
8 type: cardType,
9 contentComponent: ProductHuntCard,
10 creationModalComponent: CreateProductHuntCardModal,
11 createNew: (item) => {
12 item.cardType = cardType;
13 item.cardData = {};
14 item.w = 4;
15 item.h = 2;
16 item.mobileW = 8;
17 item.mobileH = 2;
18 },
19
20 defaultColor: 'transparent',
21
22 allowSetColor: false,
23
24 minH: 1,
25
26 name: 'Product Hunt',
27 keywords: ['producthunt', 'product', 'launch', 'badge'],
28 groups: ['Social'],
29 icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-4"><path d="M13.6 12h-3.2V8h3.2a2 2 0 1 1 0 4ZM12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.6 0 12 0Zm1.6 14.4h-3.2V18H8V6h5.6a4.4 4.4 0 0 1 0 8.8h0v-.4Z"/></svg>`
30} as CardDefinition & { type: typeof cardType };