echo
c85ea09d4b
- Add create/close post mutations with auth & ownership verification - Add getOrCreate chat mutation for handyman response flow - PostCard component: title, description preview, category badge, location, budget, status badge (open=green, closed=red) - Post detail screen: full description, category, location, budget, status, time-ago. Owner: close button. Handyman: respond button creates/opens chat with customer - Create post screen: title, description, category picker, location, budget, auth-gated with redirect - Posts feed: open/all filter tabs, new-post button for customers All UI text in Macedonian. TypeScript clean, Convex functions deployed.
62 lines
2.0 KiB
TypeScript
62 lines
2.0 KiB
TypeScript
import { View, Text, Pressable } from "react-native";
|
|
import { Link } from "expo-router";
|
|
import { useTheme } from "./theme";
|
|
import { Badge } from "./ui/badge";
|
|
import { getCategoryName } from "../lib/constants";
|
|
|
|
interface PostCardProps {
|
|
post: {
|
|
_id: string;
|
|
title: string;
|
|
description: string;
|
|
category?: string;
|
|
location?: string;
|
|
budget?: string;
|
|
status: string;
|
|
createdAt: number;
|
|
};
|
|
}
|
|
|
|
export function PostCard({ post }: PostCardProps) {
|
|
const theme = useTheme();
|
|
const categoryName = post.category ? getCategoryName(post.category) : null;
|
|
const isOpen = post.status === "open";
|
|
|
|
return (
|
|
<Link href={`/post/${post._id}` as any} asChild>
|
|
<Pressable
|
|
style={{
|
|
backgroundColor: theme.colors.card,
|
|
borderRadius: theme.radius.lg,
|
|
padding: theme.spacing.md,
|
|
borderWidth: 1,
|
|
borderColor: theme.colors.border,
|
|
gap: theme.spacing.sm,
|
|
}}
|
|
>
|
|
<View style={{ flexDirection: "row", justifyContent: "space-between", alignItems: "flex-start" }}>
|
|
<Text style={{ fontSize: 16, fontWeight: "600", color: theme.colors.text, flex: 1 }} numberOfLines={2}>
|
|
{post.title}
|
|
</Text>
|
|
<Badge label={isOpen ? "Отворено" : "Затворено"} variant={isOpen ? "success" : "error"} />
|
|
</View>
|
|
|
|
<Text style={{ fontSize: 14, color: theme.colors.textSecondary }} numberOfLines={2}>
|
|
{post.description}
|
|
</Text>
|
|
|
|
<View style={{ flexDirection: "row", alignItems: "center", gap: 8, flexWrap: "wrap" }}>
|
|
{categoryName && <Badge label={categoryName} variant="primary" />}
|
|
{post.location && (
|
|
<Text style={{ fontSize: 13, color: theme.colors.textTertiary }}>📍 {post.location}</Text>
|
|
)}
|
|
{post.budget && (
|
|
<Text style={{ fontSize: 13, color: theme.colors.primary, fontWeight: "600" }}>
|
|
💰 {post.budget}
|
|
</Text>
|
|
)}
|
|
</View>
|
|
</Pressable>
|
|
</Link>
|
|
);
|
|
} |