Something went wrong. Try again.
Monorepo for Tangled tangled.org
Something went wrong. Try again.
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152import { Card, Row, Col } from "../shared/layout";import { TangledLogo } from "../shared/logo";import { StatusBadge } from "../shared/status-badge";import { CardHeader } from "../shared/card-header";import { LabelList } from "../shared/label-pill";import { FooterStats } from "../shared/footer-stats";import { CardFooter } from "../shared/card-footer";import { COLORS, TYPOGRAPHY } from "../shared/constants";import type { IssueCardData } from "../../validation";
export function IssueCard(data: IssueCardData) { return ( <Card> <Col style={{ gap: 48 }}> <Col style={{ gap: 32 }}> <Row style={{ justifyContent: "space-between" }}> <CardHeader avatarUrl={data.avatarUrl} ownerHandle={data.ownerHandle} repoName={data.repoName} /> <StatusBadge status={data.status} /> </Row>
<div style={{ ...TYPOGRAPHY.title, color: COLORS.text, display: "block", lineClamp: `2 "... #${data.issueNumber}"`, }}> {data.title} </div> </Col>
<LabelList labels={data.labels} /> </Col>
<CardFooter> <FooterStats createdAt={data.createdAt} authorHandle={data.authorHandle} authorAvatarUrl={data.authorAvatarUrl} reactionCount={data.reactionCount} commentCount={data.commentCount} /> <TangledLogo /> </CardFooter> </Card> );}