added english language

src/components/PostOnFeed.jsx

@@ -10,8 +10,10 @@ import { useChats } from "../hooks/useChats";
 import { useAuthContext } from "../context/AuthContext";
 import { API_URL } from "../config/authConstants";
 import DateCalendarPopup from "./DateCalendarPopup";
+import { useTranslation } from 'react-i18next';
 
 export default function PostOnFeed({ ad, liked, onLike, onEdit, onDelete, onMarkFound, isOwner, onImageClick, onAuthRequired }) {
+  const { t } = useTranslation();
   const [showCalendar, setShowCalendar] = useState(false);
   const navigate = useNavigate();
   const { createOrGetChat } = useChats();
@@ -49,17 +51,17 @@ export default function PostOnFeed({ ad, liked, onLike, onEdit, onDelete, onMark
     : ad.userRole === 'METRO' ? 'f-card-role-metro' : '';
 
   const roleBadge = ad.userRole === 'LOST_AND_FOUND' ? (
-    <div className="f-role-badge f-role-lost-found" title="Бюро находок">
+    <div className="f-role-badge f-role-lost-found" title={t('postCard.lostFoundBureau')}>
       <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
         <circle cx="12" cy="12" r="10"/>
         <path d="M12 6v6l4 2"/>
       </svg>
-      Бюро находок
+      {t('postCard.lostFoundBureau')}
     </div>
   ) : ad.userRole === 'METRO' ? (
-    <div className="f-role-badge f-role-metro" title="Метрополитен">
+    <div className="f-role-badge f-role-metro" title={t('postCard.metro')}>
       <span className="f-role-metro-letter">М</span>
-      Метрополитен
+      {t('postCard.metro')}
     </div>
   ) : null;
 
@@ -76,13 +78,13 @@ export default function PostOnFeed({ ad, liked, onLike, onEdit, onDelete, onMark
             <div className="f-card-badges">
               {ad.category && <div className="f-cat-badge">{ad.category}</div>}
               <div className={`f-type-badge ${ad.type === "loss" ? "f-type-loss" : "f-type-found"}`}>
-                {ad.type === "loss" ? "Потеря" : "Находка"}
+                {ad.type === "loss" ? t('postCard.loss') : t('postCard.found')}
               </div>
               {roleBadge}
             </div>
             <div className="f-card-title">
               {ad.title}
-              {isClosed && <span className="f-status-badge f-status-closed">✓ Найдено</span>}
+              {isClosed && <span className="f-status-badge f-status-closed">{t('postCard.foundStatus')}</span>}
             </div>
             <div className="f-card-desc">{ad.description}</div>
             <div className="f-card-meta">
@@ -97,7 +99,7 @@ export default function PostOnFeed({ ad, liked, onLike, onEdit, onDelete, onMark
             </div>
             {address && (
                 <button className="f-card-map" onClick={e => e.stopPropagation()}>
-                  <MapIcon /> Показать на карте — {address}
+                  <MapIcon /> {t('postCard.showOnMap', { address })}
                 </button>
             )}
             <div className="f-card-foot">
@@ -112,7 +114,7 @@ export default function PostOnFeed({ ad, liked, onLike, onEdit, onDelete, onMark
               <div className="f-card-foot-right">
                 {!isOwner && !isClosed && (
                     <button className="f-card-contact" onClick={handleContact}>
-                      Написать
+                      {t('postCard.write')}
                     </button>
                 )}
                 {onEdit && isOwner && !isClosed && (
@@ -130,7 +132,7 @@ export default function PostOnFeed({ ad, liked, onLike, onEdit, onDelete, onMark
                 {onMarkFound && isOwner && !isClosed && (
                     <button className="f-card-found-btn"
                             onClick={e => { e.stopPropagation(); onMarkFound(ad.id); }}>
-                      ✓ Вещь найдена
+                      {t('postCard.itemFound')}
                     </button>
                 )}
                 <button className={`f-like-btn${liked ? " liked" : ""}`}