added feed

src/components/Sidebar.jsx

@@ -0,0 +1,46 @@
+import LogoIcon from "./icons/LogoIcon";
+import React from "react";
+import {NAV_BOTTOM, NAV_ITEMS} from "../config/feedConstants";
+import {NavIcons} from "./icons/NavIcons";
+
+export default function Sidebar({ open, activeNav, onClose, onNavClick }) {
+  return (
+      <>
+        <div className={`f-overlay${open ? " show" : ""}`} onClick={onClose} />
+        <div className={`f-sidebar${open ? " open" : ""}`}>
+          <div className="f-sb-head">
+            <div className="f-sb-logo"><LogoIcon /></div>
+            <span className="f-sb-name">Находка</span>
+          </div>
+          <nav className="f-sb-nav">
+            {NAV_ITEMS.map(({ icon, label }) => {
+              const Ic = NavIcons[icon];
+              return (
+                  <div
+                      key={label}
+                      className={`f-sb-item${activeNav === label ? " active" : ""}`}
+                      onClick={() => { onNavClick(label); onClose(); }}
+                  >
+                    <Ic /> {label}
+                  </div>
+              );
+            })}
+          </nav>
+          <div className="f-sb-bottom">
+            {NAV_BOTTOM.map(({ icon, label }) => {
+              const Ic = NavIcons[icon];
+              return (
+                  <div
+                      key={label}
+                      className={`f-sb-item${activeNav === label ? " active" : ""}`}
+                      onClick={() => { onNavClick(label); onClose(); }}
+                  >
+                    <Ic /> {label}
+                  </div>
+              );
+            })}
+          </div>
+        </div>
+      </>
+  );
+}