|
1 | 1 | import React, { Component } from 'react';
|
2 | 2 | import { BarLoader } from 'react-spinners';
|
3 | 3 | import { Link } from 'react-router-dom';
|
| 4 | +import { Helmet } from 'react-helmet'; |
4 | 5 |
|
5 | 6 | import Content from './Content';
|
6 | 7 |
|
@@ -29,22 +30,27 @@ export default class Main extends Component {
|
29 | 30 | const delayMsg = <span>I have got a bad server... If your internet connection is not slow, please reload</span>;
|
30 | 31 |
|
31 | 32 | return (
|
32 | | - <section className="content-area"> |
33 | | - { lastRead && showLastRead && <section className="last-read"> |
34 | | - <div> |
35 | | - <p>আপনি এখানে পড়ছিলেন হয়তোঃ</p> |
36 | | - <Link to={`/${lastRead[1]}/${lastRead[0]}`}>{lastRead[2]}</Link> |
37 | | - <span onClick={() => this.setState({showLastRead:false})}>বন্ধ করুন</span> |
38 | | - </div> |
39 | | - </section>} |
40 | | - {basics.length > 0 ? <Content title="ব্যাসিক" data={basics} color="#F0DB4F" topic="basic" /> : <div className="loading-bar"><BarLoader color={'#F0DB4F'} />{delayed ? delayMsg : ''}</div>} |
41 | | - {advance.length > 0 ? <Content title="অ্যাডভান্স" data={advance} color="#F44336" topic="advance" /> : <div className="loading-bar"><BarLoader color={'#F44336'} />{delayed ? delayMsg : ''}</div>} |
42 | | - {es6.length > 0 ? <Content title="ইএস৬" data={es6} color="#BDBDBD" topic="es6" /> : <div className="loading-bar"><BarLoader color={'#BDBDBD'} />{delayed ? delayMsg : ''}</div>} |
43 | | - {dom.length > 0 ? <Content title="ডম ম্যানিপুলেশন" data={dom} color="#FFC107" topic="dom" /> : <div className="loading-bar"><BarLoader color={'#FFC107'} />{delayed ? delayMsg : ''}</div>} |
44 | | - {daily.length > 0 ? <Content title="নিত্যদিনের ব্যবহার" data={daily} color="#4CAF50" topic="daily" /> : <div className="loading-bar"><BarLoader color={'#4CAF50'} />{delayed ? delayMsg : ''}</div>} |
45 | | - {algods.length > 0 ? <Content title="অ্যালগরিদম ও ডাটা স্ট্রাকচার" data={algods} color="#315950" topic="algods" /> : <div className="loading-bar"><BarLoader color={'#315950'} />{delayed ? delayMsg : ''}</div>} |
46 | | - {soft.length > 0 ? <Content title="সফট স্কিল" data={soft} color="#000" topic="soft" /> : <div className="loading-bar"><BarLoader color={'#000'} />{delayed ? delayMsg : ''}</div>} |
47 | | - </section> |
| 33 | + <React.Fragment> |
| 34 | + <Helmet> |
| 35 | + <title>হাতেকলমে জাভাস্ক্রিপ্ট - সম্পূর্ণ বাংলায় জাভাস্ক্রিপ্ট শিখুন</title> |
| 36 | + </Helmet> |
| 37 | + <section className="content-area"> |
| 38 | + { lastRead && showLastRead && <section className="last-read"> |
| 39 | + <div> |
| 40 | + <p>আপনি এখানে পড়ছিলেন হয়তোঃ</p> |
| 41 | + <Link to={`/${lastRead[1]}/${lastRead[0]}`}>{lastRead[2]}</Link> |
| 42 | + <span onClick={() => this.setState({showLastRead:false})}>বন্ধ করুন</span> |
| 43 | + </div> |
| 44 | + </section>} |
| 45 | + {basics.length > 0 ? <Content title="ব্যাসিক" data={basics} color="#F0DB4F" topic="basic" /> : <div className="loading-bar"><BarLoader color={'#F0DB4F'} />{delayed ? delayMsg : ''}</div>} |
| 46 | + {advance.length > 0 ? <Content title="অ্যাডভান্স" data={advance} color="#F44336" topic="advance" /> : <div className="loading-bar"><BarLoader color={'#F44336'} />{delayed ? delayMsg : ''}</div>} |
| 47 | + {es6.length > 0 ? <Content title="ইএস৬" data={es6} color="#BDBDBD" topic="es6" /> : <div className="loading-bar"><BarLoader color={'#BDBDBD'} />{delayed ? delayMsg : ''}</div>} |
| 48 | + {dom.length > 0 ? <Content title="ডম ম্যানিপুলেশন" data={dom} color="#FFC107" topic="dom" /> : <div className="loading-bar"><BarLoader color={'#FFC107'} />{delayed ? delayMsg : ''}</div>} |
| 49 | + {daily.length > 0 ? <Content title="নিত্যদিনের ব্যবহার" data={daily} color="#4CAF50" topic="daily" /> : <div className="loading-bar"><BarLoader color={'#4CAF50'} />{delayed ? delayMsg : ''}</div>} |
| 50 | + {algods.length > 0 ? <Content title="অ্যালগরিদম ও ডাটা স্ট্রাকচার" data={algods} color="#315950" topic="algods" /> : <div className="loading-bar"><BarLoader color={'#315950'} />{delayed ? delayMsg : ''}</div>} |
| 51 | + {soft.length > 0 ? <Content title="সফট স্কিল" data={soft} color="#000" topic="soft" /> : <div className="loading-bar"><BarLoader color={'#000'} />{delayed ? delayMsg : ''}</div>} |
| 52 | + </section> |
| 53 | + </React.Fragment> |
48 | 54 | )
|
49 | 55 | }
|
50 | 56 | }
|
0 commit comments