Add comments components

artfolio/src/components/comment/index.js

@@ -0,0 +1,7 @@
+import React from "react";
+
+const Comment = props => {
+  return <div>comment</div>;
+};
+
+export default Comment;

artfolio/src/components/comments/index.js

@@ -0,0 +1,13 @@
+import React from "react";
+
+import Comment from "../comment";
+
+const Comments = () => {
+  return (
+    <div>
+      <Comment />
+    </div>
+  );
+};
+
+export default Comments;

artfolio/src/components/mobileModal/index.js

@@ -2,6 +2,7 @@ import React from "react";
 import { FaRegHeart, FaRegComment, FaRegBookmark } from "react-icons/fa";
 import { FiShare } from "react-icons/fi";
 
+import Comments from "../comments";
 import Error404 from "../Error404";
 
 export default function MobileModal(props) {
@@ -26,26 +27,31 @@ export default function MobileModal(props) {
           <div className="mobile_modal_likes">42 likes</div>
           <div className="mobile_modal_date">FEBRUARY 2</div>
           <div className="mobile_modal_comments">
-            <b>yes_way_jose.jpg </b>
-            Gtfo
-            <br />
-            📷-me
-            <br />
-            Car owner: @carlosdaman96
-            <br />
-            <b>shrimpcx</b> Okay :(
-            <br />
-            <b>yes_way_jose.jpg</b> @shrimpcx not you bb👀
-            <br />
-            <b>yes_way_jose.jpg</b>
-            #photography #photo #photos #photographer #igphoto #welit
-            #toomuchsauce #dontgetlostinthesauce #photooftheday #igsanmarcos
-            #events #electronicmedia #changes #limitless #igdaily #photogram
-            #mustang_freakzz #mustang #ecoboostmustang #ecobeast #ecoboost
-            <br />
-            <b>6zj6</b>
-            🌸🌸🌸🌸🌸🌸🌸 ┏━━╮┏┓┏┓╭━┓┏━┓ ┃┏╮┃┃┃┃┃┃╭┛┃┗┓ ┃┃┃╰┛┃┃┃┃╰┓┃┗┓
-            ┗┛╰━━┛┗┛╰━┛┗━┛ Big Like 🌸🌸🌸🌸🌸🌸🌸
+            {props.src.description || (
+              <>
+                <b>yes_way_jose.jpg </b>
+                Gtfo
+                <br />
+                📷-me
+                <br />
+                Car owner: @carlosdaman96
+                <br />
+                <b>shrimpcx</b> Okay :(
+                <br />
+                <b>yes_way_jose.jpg</b> @shrimpcx not you bb👀
+                <br />
+                <b>yes_way_jose.jpg</b>
+                #photography #photo #photos #photographer #igphoto #welit
+                #toomuchsauce #dontgetlostinthesauce #photooftheday #igsanmarcos
+                #events #electronicmedia #changes #limitless #igdaily #photogram
+                #mustang_freakzz #mustang #ecoboostmustang #ecobeast #ecoboost
+                <br />
+                <b>6zj6</b>
+                🌸🌸🌸🌸🌸🌸🌸 ┏━━╮┏┓┏┓╭━┓┏━┓ ┃┏╮┃┃┃┃┃┃╭┛┃┗┓ ┃┃┃╰┛┃┃┃┃╰┓┃┗┓
+                ┗┛╰━━┛┗┛╰━┛┗━┛ Big Like 🌸🌸🌸🌸🌸🌸🌸
+                <Comments />
+              </>
+            )}
           </div>
         </div>
         <input type="text" placeholder="Add a comment..." />

artfolio/src/components/modal/index.js

@@ -2,6 +2,8 @@ import React from "react";
 import { FaRegHeart, FaRegComment, FaRegBookmark } from "react-icons/fa";
 import { FiShare, FiX } from "react-icons/fi";
 
+import Comments from "../comments";
+
 export default function Modal(props) {
   const image = require("../../images/profile/42696764_388532598354278_2259473674702684160_n.jpg");
   return (
@@ -53,6 +55,7 @@ export default function Modal(props) {
                 ┗┛╰━━┛┗┛╰━┛┗━┛ Big Like 🌸🌸🌸🌸🌸🌸🌸
               </>
             )}
+            <Comments />
           </div>
           <div className="modal_icons">
             <FaRegHeart size="24px" />