edit Topic.js

src/components/topic/Topic.jsx

@@ -48,7 +48,12 @@ export default function Topic(props) {
         )}
       </div>
       <div className="list_threads_section">
-        <ThreadList thread={threads} />
+        {totalItems == 0 && (
+          <p>There are no threads with this topic yet</p>
+        )}
+        {totalItems != 0 && (
+          <ThreadList thread={threads} />
+        )}
         {totalItems != 0 && (
           <div className="paginationContainer">
             <Pagination

src/styles/topic/Topic.css

@@ -16,6 +16,7 @@
     flex-direction: column;
     margin-top: 56px;
     justify-content: center;
+    font-family: "DM Sans";
 }
 
 .sub_header_list_threads {