#140 refactor and styling for finishing touch

src/components/ProfileImages.jsx

@@ -6,7 +6,19 @@ const ProfileImages = ({ name, imageUrl, size }) => {
             >
               <img className="object-cover h-full w-full" src={imageUrl} alt={'ภาพถ่ายของ ' + name} />
             </div>
-            {name ? <div className="mt-3 text-header">{name}</div> : null}
+            {
+              name
+                ? <div className="mt-3 text-header">
+                    {
+                      name
+                        .split(' ')
+                        .map(x => (
+                          <><span className="inline-block">{x}</span> </>
+                        ))
+                    }
+                  </div>
+                : null
+            }
         </div>
     );
 };

src/pages/Home.jsx

@@ -22,15 +22,12 @@ export default function Home() {
             คณะกรรมการร่างรัฐธรรมนูญ ปี 2560
           </div>
 
-          <div className="text-lg text-white pt-8 hidden lg:block">
-            ตอบทุกความสงสัยกว่าจะมาเป็นรัฐธรรมนูญแห่งราชอาณาจักรไทย พุทธศักราช 2560<br></br>
-            เรียนรู้เส้นทางการร่างรัฐธรรมนูญ และเปรียบเทียบบทบัญญัติของรัฐธรรมนูญแห่งราชอาณาจักรไทย<br></br>
-            พุทธศักราช 2560 กับร่างรัฐธรรมนูญที่มีการเสนอและแก้ไขเพิ่มเติมจากบันทึกการประชุม
-          </div>
-          <div className="text-sm text-white px-2 pt-8 block lg:hidden">
-            ตอบทุกความสงสัยกว่าจะมาเป็นรัฐธรรมนูญแห่งราชอาณาจักรไทย พุทธศักราช 2560<br></br>
-            เรียนรู้เส้นทางการร่างรัฐธรรมนูญ และเปรียบเทียบบทบัญญัติของรัฐธรรมนูญแห่งราชอาณาจักรไทย<br></br>
-            พุทธศักราช 2560 กับร่างรัฐธรรมนูญที่มีการเสนอและแก้ไขเพิ่มเติมจากบันทึกการประชุม
+          <div className="text-sm md:text-lg text-white px-2 pt-8">
+            <span className="inline-block">ตอบทุกความสงสัยกว่าจะมาเป็นรัฐธรรมนูญ</span>
+            <span className="inline-block">แห่งราชอาณาจักรไทย พุทธศักราช 2560</span><br />
+            <span className="inline-block">เรียนรู้เส้นทางการร่างรัฐธรรมนูญ และเปรียบเทียบบทบัญญัติ</span>
+            <span className="inline-block">ของรัฐธรรมนูญแห่งราชอาณาจักรไทย พุทธศักราช 2560</span><br />
+            <span className="inline-block">กับร่างรัฐธรรมนูญที่มีการเสนอและแก้ไขเพิ่มเติมจากบันทึกการประชุม</span>
           </div>
 
           <Link to="/search">

src/pages/Search.jsx

@@ -10,7 +10,6 @@ import isNumeric from "../utils/isNumeric.js";
 
 export default function Search({ searchInputValue, setSearchInputValue }) {
 
-    const {state} = useLocation();
     const [searchInput, setSearchInput] = useState([]);
     const [articleResult, setArticleResult] = useState([]);
     const [discussionistResult, setDiscussionistResult] = useState('');