From c8ddc578e7ee7582e9ca48279391384cb0534864 Mon Sep 17 00:00:00 2001
From: Gorji <gorji@mobiniranian.ir>
Date: Sat, 4 Sep 2021 06:44:15 +0430
Subject: [PATCH] 4040

---
 src/Redux/proxy.js                        |    2 +-
 src/Redux/reducers/chat.js                |   36 +-
 src/Redux/reducers/message.js             | 1125 ++++++++++++++++++++-
 src/views/Auth/Bio/FirstBio/FirstBio.js   |    5 +-
 src/views/Auth/Bio/SecondBio/SecondBio.js |    5 +-
 src/views/Auth/Bio/ThirdBio/ThirdBio.js   |    6 +-
 src/views/ChatRoom/Body/Keyboard/index.js |    9 +-
 src/views/ChatRoom/Body/Message/index.js  |    2 +-
 src/views/ChatRoom/Body/index.js          |   27 +-
 src/views/ChatRoom/Body/index.scss        |    1 +
 src/views/ChatRoom/Info/index.js          |    2 +-
 11 files changed, 1194 insertions(+), 26 deletions(-)

diff --git a/src/Redux/proxy.js b/src/Redux/proxy.js
index 4002469..e68342c 100644
--- a/src/Redux/proxy.js
+++ b/src/Redux/proxy.js
@@ -1,6 +1,6 @@
 import axios from 'axios';
 import { toast } from 'react-toastify';
-const baseURL = 'http://localhost:4040/api/v1'; //'https://chatstory.ir/api/v1';
+const baseURL = 'https://chatstory.ir/api/v1';
 const token = '';
 const loginURL = 'user/otp/login';
 const logoutURL = 'user/logout';
diff --git a/src/Redux/reducers/chat.js b/src/Redux/reducers/chat.js
index 4aa72da..cc93f7d 100644
--- a/src/Redux/reducers/chat.js
+++ b/src/Redux/reducers/chat.js
@@ -1,6 +1,30 @@
 const initialState = {
-  list: [],
-  info: { users: [] },
+  list: [
+    {
+      badge: '1',
+      description: null,
+      fileId: null,
+      id: 1001,
+      imageUrl: 'https://chatstory.ir/api/v1/file/download/null',
+      lastMessage: 'سلام',
+      name: 'شکافنده زمان',
+      pid: null,
+      price: 0,
+      status: 0,
+      type: 'chatStory',
+      updatedAt: '2021-04-13T23:42:12.775Z',
+      username: null,
+    },
+  ],
+  info: {
+    fileId: null,
+    subTitle: 'آنلاین',
+    title: 'ساره',
+    users: [
+      { id: 1, name: 'پلیر', displayName: 'پلیر' },
+      { id: 2, name: 'ساره', displayName: 'ساره' },
+    ],
+  },
   bio: {
     album: [],
     images: [],
@@ -13,10 +37,10 @@ const initialState = {
 export default function chat(state = initialState, action) {
   let { type, data } = action;
   switch (type) {
-    case 'chat/list':
-      return { ...state, list: data };
-    case 'chat/info':
-      return { ...state, info: data };
+    // case 'chat/list':
+    //   return { ...state, list: data };
+    // case 'chat/info':
+    //   return { ...state, info: data };
     case 'chat/bio':
       return { ...state, bio: data };
     default:
diff --git a/src/Redux/reducers/message.js b/src/Redux/reducers/message.js
index fd8dba5..10f3ab8 100644
--- a/src/Redux/reducers/message.js
+++ b/src/Redux/reducers/message.js
@@ -1,11 +1,1130 @@
+let list = [
+  {
+    userId: '2',
+    pid: '0',
+    id: '1',
+    action: 'keyboard',
+    text: ' سلام',
+    type: 'text',
+  },
+  {
+    userId: '1',
+    pid: '1',
+    id: '2',
+    action: 'tap',
+    text: ' سلام شما ؟',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '2',
+    id: '3',
+    action: 'tap',
+    text: ' وای ...',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '3',
+    id: '4',
+    action: 'keyboard',
+    text: 'باورم نمیشه بلاخره یکی جواب داد',
+    type: 'text',
+  },
+  {
+    userId: '1',
+    pid: '4',
+    id: '5',
+    action: 'tap',
+    text: ' متوجه منظورتون نمیشپم',
+    type: 'text',
+  },
+  {
+    userId: '1',
+    pid: '4',
+    id: '6',
+    action: 'tap',
+    text: ' مزاحم نشو',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '5',
+    id: '7',
+    action: 'tap',
+    text: ' الان برات توضیح میدم ',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '7',
+    id: '8',
+    action: 'tap',
+    text: 'همه چیزو برات میگم',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '8',
+    id: '9',
+    action: 'tap',
+    text: 'فقط ازت خواهش میکنم که باش و به حرفام گوش بده',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '9',
+    id: '10',
+    action: 'keyboard',
+    text: 'زندگی و جون خیلی از آدما دست توعه',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '6',
+    id: '11',
+    action: 'tap',
+    text: ' نه نه خواهش میکنم',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '11',
+    id: '12',
+    action: 'tap',
+    text: 'لعنت به من که با یه جمله ی اضافی همه چیزو خراب کردم',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '12',
+    id: '13',
+    action: 'tap',
+    text: 'ببین من هیجان زده شدم',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '13',
+    id: '14',
+    action: 'keyboard',
+    text: 'من مدتهاست که منتظرم این ارتباط برقرار شه ',
+    type: 'text',
+  },
+  {
+    userId: '1',
+    pid: '10',
+    id: '15',
+    action: 'keyboard',
+    text: ' مگه فیلم هندیه : )) باشه حالا بگو ببینیم چی میگی ',
+    type: 'text',
+  },
+  {
+    userId: '1',
+    link: '19',
+    pid: '10',
+    id: '16',
+    action: 'tap',
+    text: ' زندگی ای که بخواد دست من بیوفته، همون بهتر که تموم بشه : ))',
+    type: 'text',
+  },
+  {
+    userId: '1',
+    link: '19',
+    pid: '14',
+    id: '17',
+    action: 'keyboard',
+    text: ' اوکی، باشه، بگو، من که میدونم تهش یکی از دوستامیو میخواین با بچه ها بهم بخندین : ))  ',
+    type: 'text',
+  },
+  {
+    userId: '1',
+    link: '19',
+    pid: '14',
+    id: '18',
+    action: 'tap',
+    text: ' عه ماجرا هیجانیه پس! تعریف کن ببینیم  ',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '15',
+    id: '19',
+    action: 'tap',
+    text: 'اول بزار یه سوال مهم ازت بپرسم',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '19',
+    id: '20',
+    action: 'tap',
+    text: 'الان چه سالیه ؟',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '20',
+    id: '21',
+    action: 'tap',
+    text: 'یعنی توو چه سالی هستی ؟ ',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '21',
+    id: '22',
+    action: 'tap',
+    text: 'لطفا گارد نگیر ',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '22',
+    id: '23',
+    action: 'keyboard',
+    text: 'بزار من حرف بزنم ',
+    type: 'text',
+  },
+  {
+    userId: '1',
+    pid: '23',
+    id: '24',
+    action: 'tap',
+    text: ' خیلی عجیبیه که با این رفتار عجیبت ته دلم حس میکنم صداقت داری! سال 1400',
+    type: 'text',
+  },
+  {
+    userId: '1',
+    link: '24',
+    pid: '23',
+    id: '25',
+    action: 'tap',
+    text: ' خیلی بحال سرکار میزاری : )) سال 1400 . فقط بدون ما ( ایموجی خر ) نیستیم، میخوام ببینم ته مسخره بازیت کجاست ',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '24',
+    id: '26',
+    action: 'tap',
+    text: ' میدونم سخته باورش اما گاه تا آخر بشنوی و بزاری بگم مطمئنم که باورم میکنی',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '26',
+    id: '27',
+    action: 'keyboard',
+    text: 'جایی که من هستم 200 و خورده ای سال جلوتره ... من توسال 1604 هستم ... ',
+    type: 'text',
+  },
+  {
+    userId: '1',
+    pid: '27',
+    id: '28',
+    action: 'tap',
+    text: ' چه باحال ! یعنی ما الان زمانو شکافتیم! برام تعریف کن ماجرا از چه قراره ',
+    type: 'text',
+  },
+  {
+    userId: '1',
+    link: '30',
+    pid: '27',
+    id: '29',
+    action: 'tap',
+    text: ' عه ! منم پیش ناصر الدین شاهم : )) خب تعریف کن ... ',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '28',
+    id: '30',
+    action: 'tap',
+    text: ' توی زمانی که تو زندگی میکنی همه چیز سر جاشه',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '30',
+    id: '31',
+    action: 'tap',
+    text: 'منظورم این نیست که سختی ندارید',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '31',
+    id: '32',
+    action: 'tap',
+    text: 'اتفاقا میدونم که دوره ی سختی رو گذروندید',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '32',
+    id: '33',
+    action: 'tap',
+    text: 'اما زمان من جهنمه ...',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '33',
+    id: '34',
+    action: 'tap',
+    text: 'زندگی همه ی مردم به سیاهی کشیده شده.',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '34',
+    id: '35',
+    action: 'tap',
+    text: 'همه ی این اتفاقا به خاطر یه آدم رذلی هست به اسم " آرشام "',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '35',
+    id: '36',
+    action: 'tap',
+    text: 'کسی که الان خودش رو شاهِ جهان میدونه',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '36',
+    id: '37',
+    action: 'tap',
+    text: 'آره .. قدرت زمان ما دست اونه ... ولی من ...',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '37',
+    id: '38',
+    action: 'keyboard',
+    text: 'اگر تو کمکم کنی میتونم مردم رو از ظلم این آدم نجات بدم ',
+    type: 'text',
+  },
+  {
+    userId: '1',
+    pid: '38',
+    id: '39',
+    action: 'tap',
+    text: ' مگه چیکار کرده که اینطوری راجع بش میگی ؟! ',
+    type: 'text',
+  },
+  {
+    userId: '1',
+    link: '41',
+    pid: '38',
+    id: '40',
+    action: 'tap',
+    text: ' چطور میتونم کمکت کنم ؟ ',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '39',
+    id: '41',
+    action: 'tap',
+    text: ' همه چیزو تعریف میکنم . اما توو همین حین ما باید یه سری کارا انجام بدیم',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '41',
+    id: '42',
+    action: 'tap',
+    text: 'نباید زمانو از دست بدیم ... ببین این آرشام یه روزی سالها قبل از الآن من، فقط رییس یه شرکت بود',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '42',
+    id: '43',
+    action: 'tap',
+    text: 'قبل از اینکه فجایع رو به بار بیاره... اون موقع ها، یه شریک داشت',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '43',
+    id: '44',
+    action: 'tap',
+    text: 'تنها کسی که میتونه منو همه ی مردم رو ازین شرایط نجات بده ... ',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '44',
+    id: '45',
+    action: 'tap',
+    text: 'ما حدس میزنیم اون توی زمان سفر کرده',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '45',
+    id: '46',
+    action: 'tap',
+    text: 'ما باید برشگردونیم به زمان خودمون',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '46',
+    id: '47',
+    action: 'tap',
+    text: 'به سال 1604 ... ',
+    type: 'text',
+  },
+  {
+    userId: '1',
+    pid: '47',
+    id: '48',
+    action: 'tap',
+    text: ' یعنی الان اون توو زمان ماست ؟ ',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '48',
+    id: '49',
+    action: 'tap',
+    text: ' فکر نمیکنم ... ',
+    type: 'text',
+  },
+  {
+    userId: '1',
+    pid: '49',
+    id: '50',
+    action: 'tap',
+    text: ' پس چی ؟! به چه دردی میخورم من ',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '50',
+    id: '51',
+    action: 'tap',
+    text: ' ما نمیدونیم اون توو چه زمانیه',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '51',
+    id: '52',
+    action: 'tap',
+    text: 'اما اینو میدونیم که نمیتونیم باهاش مستقیم ارتباط بگیریم ...',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '52',
+    id: '53',
+    action: 'tap',
+    text: 'برای ارتباط، باید یه واسطه باشه. که اون تویی ... ',
+    type: 'text',
+  },
+  {
+    userId: '1',
+    pid: '53',
+    id: '54',
+    action: 'tap',
+    text: ' الان یعنی باید چی کار کنم ؟ ',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '54',
+    id: '55',
+    action: 'tap',
+    text: ' اول باید مطمئن بشیم که تو همون واسطه ی درستی.',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '55',
+    id: '56',
+    action: 'tap',
+    text: 'باید معما رو حل کنی. جوابی که به من میدی مشخص میکنه که تو همون آدمی یا نه ...',
+    type: 'text',
+  },
+  {
+    userId: '1',
+    pid: '56',
+    id: '57',
+    action: 'tap',
+    text: ' چه معمایی ؟؟',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '57',
+    id: '58',
+    action: 'tap',
+    text: ' جواب معما یه اسمه به علاوه یه عدد. اسمه 4 حرفه. 2 حرف اولش، دو حرف آخر جاییه که الان توش هستی. دو حرف دومش هم یار هست بدون " ر " .',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '58',
+    id: '59',
+    action: 'text',
+    text: 'اون عدد هم جمع اعداد تاریخ انتشار روزنامه ایه که نزدیکته ... فقط 5 دقیقه فرصت داری تا جواب درستو بگی ... لطفا عجله کن ...',
+    type: 'text',
+  },
+  {
+    userId: '1',
+    pid: '59',
+    id: '60',
+    action: 'tap',
+    text: ' آریا 16',
+    badge: '${scor}هوش',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '60',
+    id: '61',
+    action: 'tap',
+    text: ' آره درسته ، اسمش آریا بود ... ',
+    type: 'text',
+  },
+  {
+    userId: '1',
+    pid: '61',
+    id: '62',
+    action: 'tap',
+    text: ' کی اسمش آریا بود ؟ ',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '62',
+    id: '63',
+    action: 'tap',
+    text: 'ساره: همون شریکِ آرشام',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '63',
+    id: '64',
+    action: 'tap',
+    text: 'اسمش آریا بود ...',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '64',
+    id: '65',
+    action: 'tap',
+    text: 'آرشام و آریا هر دو نابغه بودن ',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '65',
+    id: '66',
+    action: 'tap',
+    text: 'بهترین و ممتاز ترین دانشجوهای بهترین دانشگاه.',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '66',
+    id: '67',
+    action: 'tap',
+    text: 'همه ی استادهاشون پیش بینی میکردن که این دو نفر یه روزی دنیا رو تکون میدن ...',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '67',
+    id: '68',
+    action: 'tap',
+    text: 'اسم اون دوره رو گذاشته بودن " اوج تکنولوژی " ',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '68',
+    id: '69',
+    action: 'tap',
+    text: 'هر چیزی، هر تکنولوژی ای که توی زمان شما بوده، توی زمان ما به اوج خودش رسیده بود',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '69',
+    id: '70',
+    action: 'tap',
+    text: 'رقابت کمپانی ها اونقدر شدید و زیاد بود که حتی بعضی ها اسمِ روزگار ما رو " عصر کمپانی ها " گذاشته بودن ... ',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '70',
+    id: '71',
+    action: 'tap',
+    text: 'کار به جایی رسیده بود که کمپانی ها از دولت ها قدرتمندتر و بزرگ تر و مهم تر شدن ...',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '71',
+    id: '72',
+    action: 'tap',
+    text: 'توی همین شرایط و اوضاع بود که آرشام و آریا، دو دوست صمیمی تصمیم گرفتن که',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '72',
+    id: '73',
+    action: 'tap',
+    text: 'کمپانی خودشون رو راه بندازن ...',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '73',
+    id: '74',
+    action: 'tap',
+    text: 'اونها میخواستن برنده ی این جنگِ بین شرکت ها و کمپانی ها باشن ...',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '74',
+    id: '75',
+    action: 'tap',
+    text: 'طولی نکشید که ',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '75',
+    id: '76',
+    action: 'tap',
+    text: 'کمپانیه آریا و آرشام ',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '76',
+    id: '77',
+    action: 'tap',
+    text: 'رسما فعالیتش رو شروع کرد ...',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '77',
+    id: '78',
+    action: 'tap',
+    text: 'کمپانی ای به اسم ',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '78',
+    id: '79',
+    action: 'keyboard',
+    text: '" آریشام " ...',
+    type: 'text',
+  },
+  {
+    userId: '1',
+    pid: '79',
+    id: '80',
+    action: 'tap',
+    text: ' خب،بعدش ؟  ',
+    badge: 'دلسردی ساره',
+    type: 'text',
+  },
+  {
+    userId: '1',
+    pid: '79',
+    id: '81',
+    action: 'tap',
+    text: 'داره جذاب میشه ( ایموجیِ چشم قلبی ) ادامه بده. ',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '80',
+    id: '82',
+    action: 'tap',
+    text: '  اوکی سعی میکنم سریع تر توضیح بدم.',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '82',
+    id: '83',
+    action: 'tap',
+    text: 'آریشام که مخفف اسم آریا و آرشام بود، تاسیس شد، حوزه ی اصلی کاریشون ',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    link: '88',
+    pid: '83',
+    id: '84',
+    action: 'tap',
+    text: 'توی روزای اول AR و عینک‌ و لنزهای AR بود ',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '81',
+    id: '86',
+    action: 'tap',
+    text: ' آریشام که مخفف اسم آریا و آرشام بود، تاسیس شد، حوزه ی اصلی کاریشون ',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '86',
+    id: '87',
+    action: 'tap',
+    text: 'توی روزای اول AR و عینک‌ و لنزهای AR بود ',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '87',
+    id: '88',
+    action: 'keyboard',
+    text: 'میدونی AR  چیه دیگه ؟',
+    type: 'text',
+  },
+  {
+    userId: '1',
+    pid: '88',
+    id: '89',
+    action: 'tap',
+    text: 'آره میدونم  ',
+    type: 'text',
+  },
+  {
+    userId: '1',
+    link: '91',
+    pid: '88',
+    id: '90',
+    action: 'tap',
+    text: ' نه نمیدونم ',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '89',
+    id: '91',
+    action: 'tap',
+    text: ' اونها فقط 2 سال زمان لازم داشتن',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '91',
+    id: '92',
+    action: 'tap',
+    text: 'تا توی حوزه ی AR',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '92',
+    id: '93',
+    action: 'tap',
+    text: 'تبدیل بشن به بهترین کمپانی دنیا',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '93',
+    id: '94',
+    action: 'tap',
+    text: 'آریا و آرشام از پیشرفتی که داشتن خیلی خوشحال بودن ',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '94',
+    id: '95',
+    action: 'tap',
+    text: 'اما به هیچ وجه راضی نبودن',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '95',
+    id: '96',
+    action: 'tap',
+    text: 'تشنه بودن',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '96',
+    id: '97',
+    action: 'tap',
+    text: 'تشنه موفقیت ...',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '97',
+    id: '98',
+    action: 'tap',
+    text: 'رفتن سراغِ تکنولوژی جدیدی',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '98',
+    id: '99',
+    action: 'tap',
+    text: 'دلشون می‌خواست به همه نشون بدن که ',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '99',
+    id: '100',
+    action: 'tap',
+    text: 'توی هر شاخه‌ای که وارد بشن',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '100',
+    id: '101',
+    action: 'tap',
+    text: 'بهترین میشن توو کل دنیا',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '101',
+    id: '102',
+    action: 'tap',
+    text: 'آریا و آرشام رفتن سراغِ ',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '102',
+    id: '103',
+    action: 'tap',
+    text: 'DEEP FACK',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '103',
+    id: '104',
+    action: 'tap',
+    text: 'یا جعل عمیق ...',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '104',
+    id: '105',
+    action: 'tap',
+    text: 'نمیدونم میدونی جعل عمیق چیه یا نه',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '105',
+    id: '106',
+    action: 'tap',
+    text: 'خیلی خلاصه ش اینکه',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '106',
+    id: '107',
+    action: 'tap',
+    text: 'با جعل عمیق میشد تصویرِ آدمی رو درست کرد توی حالاتی که هیچ وقت نبوده',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '107',
+    id: '108',
+    action: 'tap',
+    text: 'تصویری که در حرکته. یعنی فیلم نه یه عکس.',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '108',
+    id: '109',
+    action: 'tap',
+    text: 'یه جورایی فوتوشاپِ فیلمی.',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '109',
+    id: '110',
+    action: 'tap',
+    text: 'کمپانی آریشام وارد حوزه ی جعل عمیق شد ...',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '110',
+    id: '111',
+    action: 'tap',
+    text: 'بهم بگو که اگر تو جای اونا بودی',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '111',
+    id: '112',
+    action: 'tap',
+    text: 'چیکار میکردی ؟',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '112',
+    id: '113',
+    action: 'tap',
+    text: 'تمرکزت رو میزاشتی روی همون AR  که رقیبی روو دستت نیاد',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '113',
+    id: '114',
+    action: 'keyboard',
+    text: 'یا اینکه مثل آریا و آرشام میرفتی سراغِ حوزه های دیگه ؟ ',
+    type: 'text',
+  },
+  {
+    userId: '1',
+    pid: '114',
+    id: '115',
+    action: 'tap',
+    text: ' من متمرکز میموندم روی همون AR ',
+    badge: 'محتاط بودن +10',
+    type: 'text',
+  },
+  {
+    userId: '1',
+    link: '117',
+    pid: '114',
+    id: '116',
+    action: 'tap',
+    text: ' منم مثل آرشام و آریا میرفتم سراغِ حوزه های دیگه  ',
+    badge: 'اهل ریسک بودن + 10 ',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '115',
+    id: '117',
+    action: 'tap',
+    text: ' میدونی چرا اینو پرسیدم',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '117',
+    id: '118',
+    action: 'tap',
+    text: 'همیشه به این فکر میکنم که اگر آریا و آرشام به اون چیزی که داشتن',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '118',
+    id: '119',
+    action: 'tap',
+    text: 'قانع می موندن',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '119',
+    id: '120',
+    action: 'tap',
+    text: 'هیچ وقت',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '120',
+    id: '121',
+    action: 'tap',
+    text: 'هیچ وقت',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '121',
+    id: '122',
+    action: 'tap',
+    text: 'اون فاجعه اتفاق نمی افتاد ...',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '122',
+    id: '123',
+    action: 'tap',
+    text: 'نمیدونم ...',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '123',
+    id: '124',
+    action: 'tap',
+    text: 'همیشه به این فکر میکنم من اگر جاشون میبودم چیکار میکردم  ....',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '124',
+    id: '125',
+    action: 'tap',
+    text: 'ببخشید ',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '125',
+    id: '126',
+    action: 'tap',
+    text: 'یه لحظه از الان و ماجرا پرت شدم',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '126',
+    id: '127',
+    action: 'keyboard',
+    text: 'رفتم توو فاز دردِ دل ...',
+    type: 'text',
+  },
+  {
+    userId: '1',
+    pid: '127',
+    id: '128',
+    action: 'tap',
+    text: ' نه خواهش میکنم، پیش میاد، مشتاق شنیدنِ ادامه ی ماجرام  ',
+    badge: 'بهبود رابطه با ساره',
+    type: 'text',
+  },
+  {
+    userId: '1',
+    link: '130',
+    pid: '127',
+    id: '129',
+    action: 'tap',
+    text: ' گیر آوردی مارو هاااا : ))) بقیه ماجرا رو بگو بابا ',
+    badge: 'دلسردی ساره',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '128',
+    id: '130',
+    action: 'tap',
+    text: ' اوایل که وارد حوزه جعل عمیق شدن',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '130',
+    id: '131',
+    action: 'tap',
+    text: 'بیشتر فعالیتشون ',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '131',
+    id: '132',
+    action: 'tap',
+    text: 'توی حوزه سینما و گیم بود',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '132',
+    id: '133',
+    action: 'tap',
+    text: 'اما از همون موقع ها بود که تفاوت آریا و آرشام یواش یواش داشت مشخص میشد...',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '133',
+    id: '134',
+    action: 'tap',
+    text: 'آرشام میخواست ازین تکنولوژی در راستای ',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '134',
+    id: '135',
+    action: 'tap',
+    text: 'تخریبِ آدما استفاده کنه',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '135',
+    id: '136',
+    action: 'tap',
+    text: 'اما ...',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '136',
+    id: '137',
+    action: 'tap',
+    text: 'آریا سخت جلوش ایستاد ...',
+    type: 'text',
+  },
+  {
+    userId: '2',
+    pid: '137',
+    id: '138',
+    action: 'tap',
+    text: 'و این شروع اختلافات آریا و آرشام بود ...',
+    type: 'text',
+  },
+];
+list = list.map((item) => {
+  item.options = list.filter((e) => e.pid == item.id).map((e) => [e]);
+  return item;
+});
 const initialState = {
-  list: [],
+  list,
 };
+
 export default function chat(state = initialState, action) {
   let { type, data } = action;
   switch (type) {
-    case 'message/list':
-      return { ...state, list: data };
+    // case 'message/list':
+    //   return { ...state, list: data };
     case 'message/send':
       return { ...state, list: [...list, ...data] };
     case 'message/sendKeys':
diff --git a/src/views/Auth/Bio/FirstBio/FirstBio.js b/src/views/Auth/Bio/FirstBio/FirstBio.js
index bb2b3bf..ac4c261 100644
--- a/src/views/Auth/Bio/FirstBio/FirstBio.js
+++ b/src/views/Auth/Bio/FirstBio/FirstBio.js
@@ -8,9 +8,8 @@ export default class FirstBio extends Component {
       <>
         <img src={bioFirst} style={{ left: '-5%' }} alt="" />
         <p>
-          لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک
-          است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی
-          تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی میباشد.
+          " ایما " چیست ؟ جایی پر از ماجراها و اتفاق های عجیب و جذاب. جایی که شما تمام این ماجراها
+          رو تجربه میکنید.
         </p>
         <div style={{ position: 'absolute', right: -5 }} onClick={() => this.props.setSection(1)}>
           <NavigateNextIcon style={{ color: '#cfcfcf', width: 50, height: 50, fontWeight: 900 }} />
diff --git a/src/views/Auth/Bio/SecondBio/SecondBio.js b/src/views/Auth/Bio/SecondBio/SecondBio.js
index 7252898..3f91d1e 100644
--- a/src/views/Auth/Bio/SecondBio/SecondBio.js
+++ b/src/views/Auth/Bio/SecondBio/SecondBio.js
@@ -9,9 +9,8 @@ export default class SecondBio extends Component {
       <>
         <img src={bioSecond} style={{ left: '-3%' }} alt="" />
         <p>
-          لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک
-          است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی
-          تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی میباشد.
+          تجربه ی این ماجراجویی ها در دل داستان های متنوع، به صورتی هست که خود شما مستقیما در آن نقش
+          خواهید داشت !
         </p>
         <div style={{ position: 'absolute', right: -5 }} onClick={() => this.props.setSection(2)}>
           <NavigateNextIcon style={{ color: '#cfcfcf', width: 50, height: 50 }} />
diff --git a/src/views/Auth/Bio/ThirdBio/ThirdBio.js b/src/views/Auth/Bio/ThirdBio/ThirdBio.js
index 9b31295..4d75c1f 100644
--- a/src/views/Auth/Bio/ThirdBio/ThirdBio.js
+++ b/src/views/Auth/Bio/ThirdBio/ThirdBio.js
@@ -9,9 +9,9 @@ export default class SecondBio extends Component {
       <>
         <img src={bioThird} style={{ left: '-2%', top: 10 }} alt="" />
         <p>
-          لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک
-          است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی
-          تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی میباشد.
+          بله! شما نقش خودتان را خواهید داشت، سرنوشت هر ماجرا را شما با انتخاب هایتان رقم خواهید زد.
+          انگار که نویسنده ی داستانی خود شما باشید، یا کارگردان فیلمی، خودتان باشید. درست مثل زندگی.
+          به دنیای بی انتهای " ایما " خوش آمدید.
         </p>
         <div style={{ position: 'absolute', left: -5 }} onClick={() => this.props.setSection(1)}>
           <NavigateBeforeIcon style={{ color: '#cfcfcf', width: 50, height: 50 }} />
diff --git a/src/views/ChatRoom/Body/Keyboard/index.js b/src/views/ChatRoom/Body/Keyboard/index.js
index b458f1e..49f201c 100644
--- a/src/views/ChatRoom/Body/Keyboard/index.js
+++ b/src/views/ChatRoom/Body/Keyboard/index.js
@@ -2,6 +2,7 @@ import React, { Component } from 'react';
 import Carousel from 'react-elastic-carousel';
 import './index.scss';
 export default function Keyboard({ options, action }) {
+  options = options.length ? options : [[{ text: 'اشتباه' }]];
   return (
     <div className="chat-suggest portrait-slider d-flex flex-column">
       <Carousel itemsToShow={1} isRTL={true} enableTilt={true} showArrows={false}>
@@ -25,7 +26,13 @@ const Row = ({ row, action }) => {
 
 const KeyboardItem = ({ item, action }) => {
   return (
-    <div className="chat-suggest__row--item d-flex" onclick={() => action(item)}>
+    <div
+      className="chat-suggest__row--item d-flex"
+      style={{ cursor: 'pointer' }}
+      onClick={() => {
+        action(item);
+      }}
+    >
       {item.text}
     </div>
   );
diff --git a/src/views/ChatRoom/Body/Message/index.js b/src/views/ChatRoom/Body/Message/index.js
index 4b13c79..3ecebc8 100644
--- a/src/views/ChatRoom/Body/Message/index.js
+++ b/src/views/ChatRoom/Body/Message/index.js
@@ -15,7 +15,7 @@ const types = {
   slider: Slider,
   select: Select,
   multiselect: MultiSelect,
-  tap: Tap,
+  //tap: Tap,
 };
 export default class Message extends Component {
   render() {
diff --git a/src/views/ChatRoom/Body/index.js b/src/views/ChatRoom/Body/index.js
index a7f1577..572dc3a 100644
--- a/src/views/ChatRoom/Body/index.js
+++ b/src/views/ChatRoom/Body/index.js
@@ -15,6 +15,7 @@ class List extends Component {
   constructor(props) {
     super(props);
     this.state = {
+      messageList: props.messageList.slice(0, 1),
       counter: 1,
       id: window.location.href.split('/').pop() * 1,
       data: {},
@@ -27,8 +28,17 @@ class List extends Component {
       document: null,
     };
   }
-  addcounter() {
-    this.setState({ counter: this.state.counter + 1 });
+  addcounter(item) {
+    let { messageList } = this.state;
+    const last = messageList.slice(-1)[0] || {};
+    console.log(item);
+    if (!item) {
+      messageList.push(this.props.messageList.find((e) => e.pid == last.id));
+    } else {
+      messageList.push(this.props.messageList.find((e) => e.id == item.id));
+    }
+
+    this.setState({ messageList });
   }
   start = () => {
     this.setState({
@@ -344,7 +354,8 @@ class List extends Component {
   }
   render() {
     const { setPage, chatInfo, messageList: msaster, userId } = this.props; //last
-    const messageList = msaster.slice(0, this.state.counter);
+    const { messageList } = this.state;
+    // const messageList = msaster.slice(0, this.state.counter);
     const last = messageList.slice(-1)[0] || {};
     const userIdx = this.userIdx || {};
     if (Object.keys(userIdx).length == 0) {
@@ -367,6 +378,9 @@ class List extends Component {
             overflowY: this.state.file !== null ? 'hidden' : 'scroll',
             paddingBottom: last.action === 'keyboard' ? 150 : 75,
           }}
+          onClick={() => {
+            if (last.action === 'tap') this.addcounter();
+          }}
         >
           {chatInfo.users &&
             messageList.map((message, i) =>
@@ -434,7 +448,12 @@ class List extends Component {
             />
           ) : null}
           {last.action === 'keyboard' ? (
-            <Keyboard options={last.options} addcounter={() => this.addcounter()} />
+            <Keyboard
+              options={last.options}
+              action={(item) => {
+                this.addcounter(item);
+              }}
+            />
           ) : null}
         </div>
         <ToastContainer
diff --git a/src/views/ChatRoom/Body/index.scss b/src/views/ChatRoom/Body/index.scss
index 1497f98..8b32699 100644
--- a/src/views/ChatRoom/Body/index.scss
+++ b/src/views/ChatRoom/Body/index.scss
@@ -31,6 +31,7 @@
       border-top-right-radius: 40px;
       position: relative;
       margin-top: -95px;
+      margin-bottom: 40px;
       &--preview {
         position: absolute;
         bottom: 0px;
diff --git a/src/views/ChatRoom/Info/index.js b/src/views/ChatRoom/Info/index.js
index ac07b94..221cf2e 100644
--- a/src/views/ChatRoom/Info/index.js
+++ b/src/views/ChatRoom/Info/index.js
@@ -19,7 +19,7 @@ export default class ChatInfo extends Component {
         ],
         name: 'محسن محمدی',
         lastAct: '2 دقیقه پیش آنلاین بوده',
-        bio: 'لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد ',
+        bio: '" ایما " چیست ؟ جایی پر از ماجراها و اتفاق های عجیب و جذاب. جایی که شما تمام این ماجراها رو تجربه میکنید. ',
       },
     };
   }