feat(app): added components skeleton

abedzantout · Sep 13, 2019 · 714f385 · 714f385
1 parent a7aa310
commit 714f385
Show file tree

Hide file tree

Showing 10 changed files with 49 additions and 4 deletions.
diff --git a/pages/index.tsx b/pages/index.tsx
@@ -1,11 +1,16 @@
-import React from 'react';
+import React, { Fragment } from 'react';
 import { NextPage } from 'next';
-import Meta from '../shared/components/Meta';
+import Meta from '../shared/components/meta';
 import { defaultMetaTags } from '../core/constants';
 
 const IndexPage: NextPage = () => {
     return (
-        <Meta tag={defaultMetaTags}/>
+        <Fragment>
+            <Meta tag={defaultMetaTags}/>
+            <div>
+
+            </div>
+        </Fragment>
     )
 };
 

diff --git a/shared/components/Card.tsx b/shared/components/Card.tsx
diff --git a/shared/components/Footer.tsx b/shared/components/Footer.tsx
diff --git a/shared/components/Header.tsx b/shared/components/Header.tsx
diff --git a/shared/components/Posts.tsx b/shared/components/Posts.tsx
diff --git a/shared/components/card/index.tsx b/shared/components/card/index.tsx
@@ -0,0 +1,10 @@
+import React, { FunctionComponent } from 'react';
+
+type Props = {}
+const Card: FunctionComponent<Props> = ({}) => {
+    return (
+        <div>hello</div>
+    );
+};
+
+export default Card;
diff --git a/shared/components/footer/index.tsx b/shared/components/footer/index.tsx
@@ -0,0 +1,10 @@
+import React, { FunctionComponent } from 'react';
+
+type Props = {}
+const Footer: FunctionComponent<Props> = ({}) => {
+    return (
+        <div>hello</div>
+    );
+};
+
+export default Footer;
diff --git a/shared/components/header/index.tsx b/shared/components/header/index.tsx
@@ -0,0 +1,10 @@
+import React, { FunctionComponent } from 'react';
+
+type Props = {}
+const Header: FunctionComponent<Props> = ({}) => {
+    return (
+        <div>hello</div>
+    );
+};
+
+export default Header;
diff --git a/shared/components/Meta.tsx → shared/components/meta/index.tsx b/shared/components/Meta.tsx → shared/components/meta/index.tsx
@@ -1,5 +1,5 @@
 import React, { Fragment, FunctionComponent } from 'react';
-import { Tag } from '../../interfaces/tag';
+import { Tag } from '../../../interfaces/tag';
 import Head from "next/head";;
 
 type Props = {

diff --git a/shared/components/post/index.tsx b/shared/components/post/index.tsx
@@ -0,0 +1,10 @@
+import React, { FunctionComponent } from 'react';
+
+type Props = {}
+const Post: FunctionComponent<Props> = ({}) => {
+    return (
+        <div>hello</div>
+    );
+};
+
+export default Post;