reza added something

src/views/BugsAndProblems/data.js

@@ -1,164 +1,122 @@
 const list = [
   {
-    title: "r",
-    description: "r",
-    status: "r",
-    developer: "r",
-  },
-  {
-    title: "",
-    description: "",
-    status: null,
-    developer: "",
-  },
-  {
-    title: "",
-    description: "",
-    status: null,
-    developer: "",
-  },
-  {
-    title: "",
-    description: "",
-    status: null,
-    developer: "",
-  },
-  {
-    title: "",
-    description: "",
-    status: null,
-    developer: "",
-  },
-  {
-    title: "",
-    description: "",
-    status: null,
-    developer: "",
-  },
-  {
-    title: "",
-    description: "",
-    status: null,
-    developer: "",
-  },
-  {
-    title: "",
-    description: "",
-    status: null,
+    title: "دسکتاپ - بنر بالای سایت",
+    description: "گرفتن لیست واقعی بنرها از دیتابیس",
+    status: 0,
     developer: "",
   },
   {
-    title: "",
-    description: "",
-    status: null,
+    title: "دسکتاپ - اسلایدر",
+    description: "اضافه کردن دکمه های اسلایدر",
+    status: 0,
     developer: "",
   },
   {
-    title: "",
-    description: "",
-    status: null,
+    title: "دسکتاپ - منوی بالای سایت",
+    description: "فعال سازی جستجو",
+    status: 0,
     developer: "",
   },
   {
-    title: "",
-    description: "",
-    status: null,
+    title: "دسکتاپ - منوی بالای سایت",
+    description: "تعداد محصولات داخل سبد خرید نمایش داده شود",
+    status: 0,
     developer: "",
   },
   {
-    title: "",
-    description: "",
-    status: null,
+    title: "دسکتاپ - صفحه محصولات ",
+    description: "فیلتر محصولات کاملا درست شود.",
+    status: 0,
     developer: "",
   },
   {
-    title: "",
-    description: "",
-    status: null,
+    title: "دسکتاپ - صفحه محصول",
+    description: "خطای اجرای منطق داریم",
+    status: 0,
     developer: "",
   },
   {
-    title: "",
-    description: "",
-    status: null,
+    title: "دسکتاپ - صفحه محصول",
+    description: "اسلایدر عکس محصول کار نمیکند و به سرور وصل نیست.",
+    status: 0,
     developer: "",
   },
   {
-    title: "",
-    description: "",
-    status: null,
+    title: "دسکتاپ - صفحه محصول",
+    description: "دکمه مشاهده نمونه کار نمیکند.",
+    status: 0,
     developer: "",
   },
   {
-    title: "",
-    description: "",
-    status: null,
+    title: "دسکتاپ - صفحه محصول",
+    description: "دکمه مشاهده دوره ویدیویی محصول کار نمیکند.",
+    status: 0,
     developer: "",
   },
   {
-    title: "",
-    description: "",
-    status: null,
+    title: "دسکتاپ - صفحه محصول",
+    description: "قسمت ثبت رضایت مشتری توسط ستاره به سرور وصل نیست",
+    status: 0,
     developer: "",
   },
   {
-    title: "",
-    description: "",
-    status: null,
+    title: "دسکتاپ - صفحه محصول",
+    description: "اصلاعات منوی سمت چپ واقعی نیست و همچنین دکمه اضافه کردن به سبد خرید کار نمیکند.",
+    status: 0,
     developer: "",
   },
   {
-    title: "",
-    description: "",
-    status: null,
+    title: "دسکتاپ - صفحه محصول",
+    description: "تب مشخصات اطلاعاتش واقعی نیست.",
+    status: 0,
     developer: "",
   },
   {
-    title: "",
-    description: "",
-    status: null,
+    title: "دسکتاپ - صفحه محصول",
+    description: "تب پرسش و پاسخ و محتوایی ندارد.",
+    status: 0,
     developer: "",
   },
   {
-    title: "",
-    description: "",
-    status: null,
+    title: "دسکتاپ - صفحه محصول",
+    description: "امکان ثبت نظر برای محصول فراهم نیست.",
+    status: 0,
     developer: "",
   },
   {
-    title: "",
-    description: "",
-    status: null,
+    title: "دسکتاپ - صفحه ویدئو",
+    description: "قسمت نمایش ویدئو به api وصل نیست.",
+    status: 0,
     developer: "",
   },
   {
-    title: "",
-    description: "",
-    status: null,
+    title: "دسکتاپ - صفحه ویدئو",
+    description: "اسلایدر کار نمیکند.",
+    status: 0,
     developer: "",
   },
   {
-    title: "",
-    description: "",
-    status: null,
+    title: "دسکتاپ - صفحه ویدئو",
+    description: "تب مشخصات و پرسش و پاسخ محتوایی ندارد.",
+    status: 0,
     developer: "",
   },
   {
-    title: "",
-    description: "",
-    status: null,
+    title: "دسکتاپ - صفحه ویدئو",
+    description: "تب سرفصل ها مرتب نیست.",
+    status: 0,
     developer: "",
   },
   {
-    title: "",
-    description: "",
-    status: null,
+    title: "دسکتاپ - صفحه ویدئو",
+    description: "اضافه کردن به سبد خرید کار نمیکند.",
+    status: 0,
     developer: "",
   },
   {
-    title: "",
-    description: "",
-    status: null,
+    title: "دسکتاپ - صفحه نمایش ویدئو",
+    description: "دیزاین این صفحه مرتب نیست کاملا.",
+    status: 0,
     developer: "",
   },
 ];

src/views/BugsAndProblems/index.js

@@ -1,14 +1,17 @@
 import React from "react";
 import list from "./data";
 
+const colors = ['bg-white', 'bg-blue-200', 'bg-green-200', 'bg-red-200'];
+const statuses = ['کاری انجام نشده', 'در حال انجام', 'انجام شد', 'به مشکل خوردم'];
+
 function Bugs({}) {
   return (
     <ul className="flex flex-col w-4/5 gap-4 mx-auto h-screen">
-      <div className="w-full flex justify-center mx-auto h-full">
-        <div className="flex flex-col w-full h-full">
-          <div className="w-full h-full">
-            <div className="w-full  h-full">
-              <table className="w-full h-full bg-green-300">
+      <div className="w-full flex justify-center mx-auto">
+        <div className="flex flex-col w-full">
+          <div className="w-full">
+            <div className="w-full ">
+              <table className="w-full">
                 <thead className="bg-gray-500">
                   <tr>
                     <th className="px-6 py-2 text-tiny text-white">Title</th>
@@ -27,28 +30,24 @@ function Bugs({}) {
                 >
                   {list.map((bug, index) => (
                     <tr
-                      className={`whitespace-nowrap p-2 w-full ${
-                        bug?.status
-                          ? "bg-green-200"
-                          : bug.status === null
-                          ? "bg-white"
-                          : "bg-red-200"
+                      className={`whitespace-nowrap p-2 w-full border border-solid border-gray-300 ${
+                        colors[bug.status]
                       }`}
                       key={bug.title}
                     >
-                      <td className="px-6 py-4 text-center">
-                        <div className="text-lg text-gray-900">{bug.title}</div>
+                      <td className="px-6 py-4 text-center border border-solid border-gray-300">
+                        <div className="text-sm text-gray-900">{bug.title}</div>
                       </td>
-                      <td className="px-6 py-4 text-center">
-                        <div className="text-lg text-gray-500">
+                      <td className="px-6 py-4 text-center border border-solid border-gray-300">
+                        <div className="text-sm text-gray-900">
                           {bug?.description}
                         </div>
                       </td>
-                      <td className="px-6 py-4 text-lg text-gray-500 text-center">
-                        {bug?.status}
+                      <td className="px-6 py-4 text-sm text-gray-900 text-center border border-solid border-gray-300">
+                        {statuses[bug.status]}
                       </td>
-                      <td className="px-6 py-4 text-center">
-                        <div className="text-lg text-gray-900">
+                      <td className="px-6 py-4 text-center border border-solid border-gray-300">
+                        <div className="text-sm text-gray-900">
                           {bug?.developer}
                         </div>
                       </td>

src/views/Products/index.js

@@ -164,8 +164,7 @@ export const Products = ({
             className={`w-full flex flex-row gap-10 px-5 overflow-y-hidden mt-3 justify-center`}
             // style={{ height: 1500 }}
           >
-
-            <div className="w-4/5 flex">
+            <div className="w-11/12 flex">
             <Sidebar onChange={onChange}/>
             <Main filter={filter}/>
             </div>