jason/memer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

build view count

Browse Source
This commit is contained in:
jason
2026-03-28 22:09:30 -05:00
parent d3fb42e8ed
commit 98e5a5a740
5 changed files with 16 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/src/api/client.ts
View File

@@ -12,6 +12,7 @@ export interface Meme {
collection_id: number | null;
ocr_text: string | null;
share_count: number;
view_count: number;
created_at: string;
tags: string[];
children?: Meme[];

13
frontend/src/components/MemeDetail.tsx
View File

@@ -1,5 +1,5 @@
import { useState } from 'react';
import { X, Minimize2, Trash2, Edit2, Check, Layers, FolderOpen, Inbox, ScanText, ChevronDown, ChevronUp, ExternalLink, Image, Info, Share2 } from 'lucide-react';
import { X, Minimize2, Trash2, Edit2, Check, Layers, FolderOpen, Inbox, ScanText, ChevronDown, ChevronUp, ExternalLink, Image, Info, Share2, MousePointerClick } from 'lucide-react';
import { useMeme, useDeleteMeme, useUpdateMeme, useMoveMeme, useCollections } from '../hooks/useMemes';
import { useAuth } from '../hooks/useAuth';
import { SharePanel } from './SharePanel';
@@ -334,11 +334,12 @@ export function MemeDetail({ memeId, onClose }: Props) {
<dd className="text-zinc-300">{meme.mime_type.replace('image/', '').replace('video/', '')}</dd>
</div>
<div className="flex justify-between">
<dt className="text-zinc-500">Shared</dt>
<dd className="text-zinc-300 flex items-center gap-1">
<Share2 size={11} className="text-zinc-500" />
{meme.share_count ?? 0} time{(meme.share_count ?? 0) !== 1 ? 's' : ''}
</dd>
<dt className="text-zinc-500 flex items-center gap-1"><Share2 size={11} /> Shared</dt>
<dd className="text-zinc-300">{meme.share_count ?? 0} time{(meme.share_count ?? 0) !== 1 ? 's' : ''}</dd>
</div>
<div className="flex justify-between">
<dt className="text-zinc-500 flex items-center gap-1"><MousePointerClick size={11} /> Link clicks</dt>
<dd className="text-zinc-300">{meme.view_count ?? 0}</dd>
</div>
<div className="flex justify-between">
<dt className="text-zinc-500">Uploaded</dt>