Instagram Post

1"use client";
2 
3import * as React from "react";
4import { BadgeCheck, Heart, Share } from "lucide-react";
5import {
6  cn,
7  Button,
8  Tooltip,
9  TooltipContent,
10  TooltipProvider,
11  TooltipTrigger,
12} from "./_adapter";
13import { formatRelativeTime } from "../shared/utils";
14 
15import type { InstagramPostData, InstagramPostMedia } from "./schema";
16 
17export interface InstagramPostProps {
18  post: InstagramPostData;
19  className?: string;
20  onAction?: (action: string, post: InstagramPostData) => void;
21}
22 
23function InstagramLogo({ className }: { className?: string }) {
24  const id = React.useId();
25  const gradientPrimaryId = `ig-primary-${id}`;
26  const gradientSecondaryId = `ig-secondary-${id}`;
27 
28  return (
29    <svg
30      viewBox="0 0 132 132"
31      className={className}
32      role="img"
33      aria-label="Instagram logo"
34    >
35      <defs>
36        <radialGradient
37          id={gradientPrimaryId}
38          cx="158.429"
39          cy="578.088"
40          r="65"
41          gradientUnits="userSpaceOnUse"
42          gradientTransform="matrix(0 -1.982 1.844 0 -1031.4 454)"
43        >
44          <stop offset="0" stopColor="#fd5" />
45          <stop offset=".1" stopColor="#fd5" />
46          <stop offset=".5" stopColor="#ff543e" />
47          <stop offset="1" stopColor="#c837ab" />
48        </radialGradient>
49        <radialGradient
50          id={gradientSecondaryId}
51          cx="147.694"
52          cy="473.455"
53          r="65"
54          gradientUnits="userSpaceOnUse"
55          gradientTransform="matrix(.174 .869 -3.58 .717 1648 -458.5)"
56        >
57          <stop offset="0" stopColor="#3771c8" />
58          <stop offset=".128" stopColor="#3771c8" />
59          <stop offset="1" stopColor="#60f" stopOpacity="0" />
60        </radialGradient>
61      </defs>
62      <path
63        fill={`url(#${gradientPrimaryId})`}
64        d="M65 0C37.9 0 30 .03 28.4.16c-5.6.46-9 1.34-12.8 3.22-2.9 1.44-5.2 3.12-7.5 5.47C4 13.1 1.5 18.4.6 24.66c-.44 3.04-.57 3.66-.6 19.2-.01 5.16 0 12 0 21.1 0 27.12.03 35.05.16 36.6.45 5.4 1.3 8.82 3.1 12.55 3.44 7.14 10 12.5 17.76 14.5 2.68.7 5.64 1.1 9.44 1.26 1.6.07 18 .12 34.44.12s32.84-.02 34.4-.1c4.4-.2 6.96-.55 9.8-1.28 7.78-2.01 14.23-7.3 17.74-14.53 1.76-3.64 2.66-7.18 3.07-12.32.08-1.12.12-18.97.12-36.8 0-17.85-.04-35.67-.13-36.8-.4-5.2-1.3-8.7-3.13-12.43-1.5-3.04-3.16-5.3-5.56-7.62C116.9 4 111.64 1.5 105.37.6 102.34.16 101.73.03 86.2 0H65z"
65        transform="translate(1 1)"
66      />
67      <path
68        fill={`url(#${gradientSecondaryId})`}
69// … truncated