[example] Edit assets to match the app

yamankatby · Sep 1, 2021 · 345b647 · 345b647 · vercel · Sep 1, 2021
1 parent d0f8bc3
commit 345b647
Show file tree

Hide file tree

Showing 8 changed files with 650 additions and 8 deletions.
diff --git a/docs/package.json b/docs/package.json
@@ -13,11 +13,14 @@
     "@emotion/styled": "^11.3.0",
     "@material-ui/core": "^5.0.0-beta.4",
     "@material-ui/icons": "^4.11.2",
+    "github-markdown-css": "^4.0.0",
     "gray-matter": "^4.0.3",
     "marked": "^3.0.2",
     "next": "11.1.0",
     "react": "17.0.2",
-    "react-dom": "17.0.2"
+    "react-dom": "17.0.2",
+    "react-markdown": "^7.0.1",
+    "react-syntax-highlighter": "^15.4.4"
   },
   "devDependencies": {
     "eslint": "7.32.0",

diff --git a/docs/pages/[folder]/[slug].js b/docs/pages/[folder]/[slug].js
@@ -1,13 +1,13 @@
 import { Layout } from "@components/layout";
 import { readdir, readFile } from "fs/promises";
-import path from "path";
 import matter from "gray-matter";
-import marked from "marked";
+import path from "path";
+import ReactMarkdown from "react-markdown";
 
 export default function post({ meta, md, listItems }) {
   return (
     <Layout components={listItems}>
-      <div dangerouslySetInnerHTML={{ __html: marked(md) }} />
+      <ReactMarkdown>{md}</ReactMarkdown>
     </Layout>
   );
 }

diff --git a/docs/yarn.lock b/docs/yarn.lock
diff --git a/example/assets/adaptive-icon.png b/example/assets/adaptive-icon.png
diff --git a/example/assets/favicon.png b/example/assets/favicon.png
diff --git a/example/assets/icon.png b/example/assets/icon.png
diff --git a/example/assets/splash.png b/example/assets/splash.png
diff --git a/example/package.json b/example/package.json
@@ -5,7 +5,8 @@
     "android": "expo start --android",
     "ios": "expo start --ios",
     "web": "expo start --web",
-    "eject": "expo eject"
+    "eject": "expo eject",
+    "deploy-web": "expo build:web"
   },
   "dependencies": {
     "@expo-google-fonts/lekton": "^0.2.0",