From 2333e28720f2bde7bcdbc35e3a36c8dec57b9066 Mon Sep 17 00:00:00 2001
From: SlimusMinus <moscow_city231@rambler.ru>
Date: Mon, 24 Aug 2026 01:47:28 +0300
Subject: [PATCH] colored header on post

---
 src/hooks/useFavorites.js |  1 -
 src/pages/PostOnFeed.jsx  |  4 +++-
 src/styles/card.css       | 20 ++++++++++++++++++--
 3 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/src/hooks/useFavorites.js b/src/hooks/useFavorites.js
index fd07887..72b16a0 100644
--- a/src/hooks/useFavorites.js
+++ b/src/hooks/useFavorites.js
@@ -1,4 +1,3 @@
-// src/hooks/useFavorites.js
 import { useState, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 import { API_URL } from '../config/authConstants';
diff --git a/src/pages/PostOnFeed.jsx b/src/pages/PostOnFeed.jsx
index 1e17823..f830b0e 100644
--- a/src/pages/PostOnFeed.jsx
+++ b/src/pages/PostOnFeed.jsx
@@ -49,6 +49,8 @@ export default function PostOnFeed({ ad, liked, likeCountAdj, onLike, onEdit, on
 
   const isClosed = ad.status === 'CLOSED';
 
+  const headAccentClass = ad.type === "found" ? " f-head-found" : " f-head-loss";
+
   const typeBadge = (
       <div className={`f-type-badge ${ad.type === "loss" ? "f-type-loss" : "f-type-found"}`}>
         {ad.type === "loss" ? t('postCard.loss') : t('postCard.found')}
@@ -58,7 +60,7 @@ export default function PostOnFeed({ ad, liked, likeCountAdj, onLike, onEdit, on
   return (
       <div className={`f-card${isClosed ? ' f-card-closed' : ''}`}>
 
-        <div className="f-card-head">
+        <div className={`f-card-head${headAccentClass}`}>
           <div className="f-card-author">
             <div
                 className="f-card-author-name"
diff --git a/src/styles/card.css b/src/styles/card.css
index b5a7813..96b5c65 100644
--- a/src/styles/card.css
+++ b/src/styles/card.css
@@ -11,9 +11,25 @@
 /* ── Post header ── */
 .f-card-head {
   display: flex; align-items: center; gap: 12px;
-  padding: 12px 14px;
+  padding: 12px 14px 12px 17px;
+  position: relative;
 }
 
+/* Тонкая цветовая идентификация шапки: потеря / находка */
+.f-card-head::before {
+  content: "";
+  position: absolute; left: 0; top: 0; bottom: 0;
+  width: 3px;
+}
+.f-head-loss {
+  background: rgba(237,73,86,.05);
+}
+.f-head-loss::before { background: rgba(237,73,86,.45); }
+.f-head-found {
+  background: rgba(48,168,94,.07);
+}
+.f-head-found::before { background: rgba(48,168,94,.5); }
+
 .f-card-avatar-ring {
   width: 42px; height: 42px; border-radius: 50%;
   background: linear-gradient(45deg, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5);
@@ -164,7 +180,7 @@
   font-size: .74rem; font-weight: 800;
 }
 .f-type-loss  { background: rgba(237,73,86,.1); color: #ed4956; border: 1px solid rgba(237,73,86,.25); }
-.f-type-found { background: rgba(var(--teal-rgb), .1);  color: var(--teal); border: 1px solid rgba(var(--teal-rgb), .25); }
+.f-type-found { background: rgba(48,168,94,.1);  color: #30a85e; border: 1px solid rgba(48,168,94,.25); }
 
 /* Status badge for closed/found posts */
 .f-status-badge {