Fix bug theme in playground app

library/src/theme/default.ts

@@ -546,11 +546,10 @@ export const defaultTheme: ThemeInterface = {
   `,
   errorWrapper: css`
     background-color: #ffffff;
-    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 12px 20px 0 rgba(0, 0, 0, 0.1);
     border-left: 6px solid #f44336;
     border-radius: 4px;
     color: #32363a;
-    font-family: 72;
+    font-family: '72';
     font-size: 13px;
   `,
   errorHeader: css`

playground/src/common/defaultTheme.ts

@@ -606,11 +606,10 @@ export const defaultTheme: ThemeInterface = {
   `,
   errorWrapper: css`
     background-color: #ffffff;
-    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 12px 20px 0 rgba(0, 0, 0, 0.1);
     border-left: 6px solid #f44336;
     border-radius: 4px;
     color: #32363a;
-    font-family: 72;
+    font-family: '72';
     font-size: 13px;
   `,
   errorHeader: css`
@@ -963,7 +962,7 @@ export const oldTheme: ThemeInterface = {
     border-left: 6px solid #f44336;
     border-radius: 4px;
     color: #32363a;
-    font-family: 72;
+    font-family: '72';
     font-size: 13px;
   `,
   errorHeader: css`

playground/src/common/helpers.ts

@@ -1,19 +1,27 @@
 export const parse = <T extends {}>(str: string): T => {
-  return JSON.parse(str) as T
-}
+  try {
+    return JSON.parse(str) as T;
+  } catch (e) {
+    return {} as T;
+  }
+};
 
 export const stringify = <T extends {}>(content: T): string => {
-  return JSON.stringify(content)
-}
+  try {
+    return JSON.stringify(content);
+  } catch (e) {
+    return '';
+  }
+};
 
 export const fetchSchema = async (link: string): Promise<any> => {
   const requestOptions = {
-    method: 'GET'
+    method: 'GET',
   };
 
   return fetch(link, requestOptions).then(handleResponse);
-}
+};
 
 function handleResponse(response: any) {
   return response.text().then((data: string) => data);
-}
+}