Added faker and removed some placeholder data

client/pages/[channel]/index.tsx

@@ -1,13 +1,10 @@
-import Button from "../../components/common/Button"
 import ChatMessage from "../../components/message/ChatMessage"
 import Input from "../../components/common/Input"
-import streams from "../../placeholder/GetStreams"
 import { NextPage } from "next"
 import BrowseLayout from "../../components/layout/BrowseLayout"
+import { createRandomMessage } from "../../placeholder/chatMessages"
 
 const ChannelPage: NextPage = () => {
-  const stream = streams.data[1]
-
   return (
     <BrowseLayout>
       <div className="flex-1 flex flex-row">
@@ -16,7 +13,7 @@ const ChannelPage: NextPage = () => {
           <div className="flex flex-row p-2 items-center justify-between">
             <div className="flex flex-row items-center space-x-3">
               <span className="w-8 h-8 bg-yellow-300 rounded-full" />
-              <span className="font-bold">{stream.user_name}</span>
+              <span className="font-bold">niku</span>
             </div>
             <div>1:14:32</div>
           </div>
@@ -27,7 +24,7 @@ const ChannelPage: NextPage = () => {
           </div>
           <div className="flex-1 overflow-scrollbar">
             {new Array(60).fill(0).map((_, i) => (
-              <ChatMessage key={i} />
+              <ChatMessage message={createRandomMessage()} key={i} />
             ))}
           </div>
           <div className="m-2">

client/pages/category/[categoryName].tsx

@@ -1,26 +0,0 @@
-import { categories } from "../../placeholder/SearchCategories"
-
-function ChannelPage() {
-  const category = categories.data[0]
-  return (
-    <div className="flex-1 flex flex-row">
-      <div className="bg-neutral-900 flex-1 text-gray-100">
-        <div className="max-w-[200rem] mx-12 mt-12">
-          <div className="flex flex-row items-center space-x-4">
-            <img src={category.box_art_url} alt={category.name} />
-            <div className="">
-              <h1>{category.name}</h1>
-              <div>
-                <p>
-                  <span>603K</span> Viewers * <span>20.8M</span> Followers
-                </p>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default ChannelPage