посты и фиды рендерятся отдельно

Author: daria-z

src/js/renderRssFeed.js

@@ -1,14 +1,13 @@
-export const renderRssFeed = (state) => {
+export const renderFeeds = (feeds) => {
   const feedsContainer = document.querySelector(".feeds");
-  const postsContainer = document.querySelector(".posts");
 
   feedsContainer.innerHTML = `
     <div class="card border-0">
       <div class="card-body">
         <h2 class="card-title h4">Фиды</h2>
       </div>
       <ul class="list-group border-0 rounded-0">
-        ${state.feeds
+        ${feeds
           .map(
             (feed) => `
           <li class="list-group-item border-0 border-end-0">
@@ -21,21 +20,25 @@ export const renderRssFeed = (state) => {
       </ul>
     </div>
   `;
+};
+
+export const renderPosts = (posts) => {
+  const postsContainer = document.querySelector(".posts");
 
   postsContainer.innerHTML = `
     <div class="card border-0">
       <div class="card-body">
         <h2 class="card-title h4">Посты</h2>
       </div>
       <ul class="list-group border-0 rounded-0">
-        ${state.posts
+        ${posts
           .map(
             (post) => `
           <li class="list-group-item d-flex justify-content-between align-items-start border-0 border-end-0">
             <a href="${post.link}" class="fw-bold" data-id="${post.id}" target="_blank" rel="noopener noreferrer">${post.title}</a>
             <button type="button" class="btn btn-outline-primary btn-sm modal-btn" data-id="${post.id}" data-bs-toggle="modal" data-bs-target="#modal">Просмотр</button>
           </li>
-        `,
+        `
           )
           .join("")}
       </ul>

src/js/state.js

@@ -1,5 +1,5 @@
 import onChange from "on-change";
-import { renderRssFeed } from "./renderRssFeed.js";
+import { renderFeeds, renderPosts } from "./renderRssFeed.js";
 import { renderErrors, renderInputValue, showModal } from "./view.js";
 import { feedsChecking } from "./model.js";
 
@@ -17,10 +17,11 @@ const createState = () => {
   const state = onChange(object, (path, value) => {
     console.log(`состояние изменено: ${path}`, value);
     if (path === "feeds") {
+      renderFeeds(state.feeds);
       feedsChecking();
     }
-    if (path === "feeds" || path === "posts") {
-      renderRssFeed(state);
+    if (path === "posts") {
+      renderPosts(state.posts);
     }
     if (path === "activeItem") {
       showModal(state.activeItem);
@@ -38,3 +39,5 @@ const createState = () => {
 
 export default createState;
 
+
+