diff --git a/.prettierignore b/.prettierignore index 3988b82..c998432 100644 --- a/.prettierignore +++ b/.prettierignore @@ -1,3 +1,4 @@ .netlify .next node_modules +out \ No newline at end of file diff --git a/components/Code.tsx b/components/Code.tsx index 6cb88d8..18b8d96 100644 --- a/components/Code.tsx +++ b/components/Code.tsx @@ -1,12 +1,13 @@ import * as React from 'react'; -import Highlight, { defaultProps } from 'prism-react-renderer'; +import Highlight, { defaultProps, Language } from 'prism-react-renderer'; import theme from 'prism-react-renderer/themes/vsDark'; -export const Code = ({ children, className }) => { - const lang = className ? className.split('-').pop() : 'js'; - +export const Code: React.FC<{ + children: string; + language: Language; +}> = ({ children, language }) => { return ( - + {({ className, style, tokens, getLineProps, getTokenProps }) => ( 
                     {tokens.map((line, i) => (
diff --git a/pages/_app.tsx b/pages/_app.tsx
index 10972d6..c1f7cd2 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -1,10 +1,14 @@
+import React from 'react';
 import Head from 'next/head';
 
 // Design
 import '@1milligram/design/lib/styles/index.css';
 import '../styles/index.scss';
 
-export default function MyApp({ Component, pageProps }) {
+const MyApp: React.FC<{
+    Component: any;
+    pageProps: any;
+}> = ({ Component, pageProps }) => {
     return (
         <>
             
@@ -13,4 +17,6 @@ export default function MyApp({ Component, pageProps }) {
             
         
     );
-}
+};
+
+export default MyApp;
diff --git a/pages/folder-structure/index.tsx b/pages/folder-structure/index.tsx
index 41a402d..155c97f 100644
--- a/pages/folder-structure/index.tsx
+++ b/pages/folder-structure/index.tsx
@@ -7,7 +7,6 @@ import { Pattern } from '../../constants/Pattern';
 import { PatternLayout } from '../../layouts/PatternLayout';
 import BrowserFrame from '../../placeholders/BrowserFrame';
 import Square from '../../placeholders/Square';
-import './folder-structure.css';
 
 const Details: React.FC<{}> = () => {
     return (
diff --git a/pages/inverted-corners/index.tsx b/pages/inverted-corners/index.tsx
index 403f33d..62a8fd1 100644
--- a/pages/inverted-corners/index.tsx
+++ b/pages/inverted-corners/index.tsx
@@ -7,8 +7,6 @@ import { Pattern } from '../../constants/Pattern';
 import { PatternLayout } from '../../layouts/PatternLayout';
 import BrowserFrame from '../../placeholders/BrowserFrame';
 
-import './inverted-corners.css';
-
 const Details: React.FC<{}> = () => {
     return (
         
diff --git a/pages/layered-card/index.tsx b/pages/layered-card/index.tsx
index 31d2551..fe0e545 100644
--- a/pages/layered-card/index.tsx
+++ b/pages/layered-card/index.tsx
@@ -6,7 +6,6 @@ import { RelatedPatterns } from '../../components/RelatedPatterns';
 import { Pattern } from '../../constants/Pattern';
 import { PatternLayout } from '../../layouts/PatternLayout';
 import BrowserFrame from '../../placeholders/BrowserFrame';
-import './styles.css';
 
 const Details: React.FC<{}> = () => {
     return (
diff --git a/pages/masonry-grid/index.tsx b/pages/masonry-grid/index.tsx
index 37ef354..d58f83f 100644
--- a/pages/masonry-grid/index.tsx
+++ b/pages/masonry-grid/index.tsx
@@ -8,8 +8,6 @@ import { PatternLayout } from '../../layouts/PatternLayout';
 import BrowserFrame from '../../placeholders/BrowserFrame';
 import Rectangle from '../../placeholders/Rectangle';
 
-import './masonry-grid.css';
-
 const Details: React.FC<{}> = () => {
     return (
         
diff --git a/pages/three-dimensions-card/index.tsx b/pages/three-dimensions-card/index.tsx
index acf75b6..c569776 100644
--- a/pages/three-dimensions-card/index.tsx
+++ b/pages/three-dimensions-card/index.tsx
@@ -6,7 +6,6 @@ import { RelatedPatterns } from '../../components/RelatedPatterns';
 import { Pattern } from '../../constants/Pattern';
 import { PatternLayout } from '../../layouts/PatternLayout';
 import BrowserFrame from '../../placeholders/BrowserFrame';
-import './styles.css';
 
 const Details: React.FC<{}> = () => {
     return (
diff --git a/placeholders/BrowserFrame.tsx b/placeholders/BrowserFrame.tsx
index 3007b31..c617eba 100644
--- a/placeholders/BrowserFrame.tsx
+++ b/placeholders/BrowserFrame.tsx
@@ -12,10 +12,10 @@ const BrowserFrame: React.FC = ({ children, css, html }) => {
     return (
         
             

-                {html}
+                {html}
             

             

-                {css}
+                {css}
             

             
{children}

         
diff --git a/tsconfig.json b/tsconfig.json
index 5f93c3d..ef9d48d 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -18,5 +18,5 @@
         "isolatedModules": true
     },
     "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
-    "exclude": ["node_modules"]
+    "exclude": ["bin", "node_modules"]
 }