marked token are wrong, we could consider using reactjs.org approach …

…in the future
mui · Nov 7, 2020 · c0f2269 · c0f2269
1 parent 725c552
commit c0f2269
Show file tree

Hide file tree

Showing 5 changed files with 27 additions and 21 deletions.
diff --git a/docs/src/pages/system/basics/Demo.js b/docs/src/pages/system/basics/Demo.js
@@ -32,10 +32,10 @@ export default function Demo() {
         }}
       >
         <Box component="span" sx={{ fontSize: 16, mt: 1 }}>
-          {'123 Main St, Phoenix AZ'}
+          123 Main St, Phoenix AZ
         </Box>
         <Box component="span" sx={{ color: 'primary.main', fontSize: 22 }}>
-          {'$280,000 — $310,000'}
+          $280,000 — $310,000
         </Box>
         <Box
           sx={{
@@ -55,7 +55,7 @@ export default function Demo() {
           }}
         >
           <ErrorOutlineIcon />
-          {'CONFIDENCE SCORE 85%'}
+          CONFIDENCE SCORE 85%
         </Box>
       </Box>
     </Box>

diff --git a/docs/src/pages/system/basics/Demo.tsx b/docs/src/pages/system/basics/Demo.tsx
@@ -32,10 +32,10 @@ export default function Demo() {
         }}
       >
         <Box component="span" sx={{ fontSize: 16, mt: 1 }}>
-          {'123 Main St, Phoenix AZ'}
+          123 Main St, Phoenix AZ
         </Box>
         <Box component="span" sx={{ color: 'primary.main', fontSize: 22 }}>
-          {'$280,000 — $310,000'}
+          $280,000 — $310,000
         </Box>
         <Box
           sx={{
@@ -55,7 +55,7 @@ export default function Demo() {
           }}
         >
           <ErrorOutlineIcon />
-          {'CONFIDENCE SCORE 85%'}
+          CONFIDENCE SCORE 85%
         </Box>
       </Box>
     </Box>

diff --git a/docs/src/pages/system/basics/Why.js b/docs/src/pages/system/basics/Why.js
@@ -6,16 +6,18 @@ export default function Why() {
   return (
     /* prettier-ignore */
     <Box sx={{ bgcolor: 'background.paper', boxShadow: 1, borderRadius: 'borderRadius', p: 2, minWidth: 300 }}>
-      <Box sx={{ color: 'text.secondary' }}>Sessions</Box>
+      <Box sx={{ color: 'text.secondary' }}>
+        Sessions
+      </Box>
       <Box sx={{ color: 'text.primary', fontSize: 34, fontWeight: 'fontWeightMedium' }}>
-        {'98.3 K'}
+        98.3 K
       </Box>
       <Box component={TrendingUpIcon} sx={{ color: 'success.dark', fontSize: 16, verticalAlign: 'sub' }} />
       <Box sx={{ color: 'success.dark', display: 'inline', fontWeight: 'fontWeightMedium', mx: 0.5 }}>
-        {'18.77%'}
+        18.77%
       </Box>
       <Box sx={{ color: 'text.secondary', display: 'inline', fontSize: 12 }}>
-        {'vs last week'}
+        vs last week
       </Box>
     </Box>
   );

diff --git a/docs/src/pages/system/basics/Why.tsx b/docs/src/pages/system/basics/Why.tsx
@@ -6,16 +6,18 @@ export default function Why() {
   return (
     /* prettier-ignore */
     <Box sx={{ bgcolor: 'background.paper', boxShadow: 1, borderRadius: 'borderRadius', p: 2, minWidth: 300 }}>
-      <Box sx={{ color: 'text.secondary' }}>Sessions</Box>
+      <Box sx={{ color: 'text.secondary' }}>
+        Sessions
+      </Box>
       <Box sx={{ color: 'text.primary', fontSize: 34, fontWeight: 'fontWeightMedium' }}>
-        {'98.3 K'}
+        98.3 K
       </Box>
       <Box component={TrendingUpIcon} sx={{ color: 'success.dark', fontSize: 16, verticalAlign: 'sub' }} />
       <Box sx={{ color: 'success.dark', display: 'inline', fontWeight: 'fontWeightMedium', mx: 0.5 }}>
-        {'18.77%'}
+        18.77%
       </Box>
       <Box sx={{ color: 'text.secondary', display: 'inline', fontSize: 12 }}>
-        {'vs last week'}
+        vs last week
       </Box>
     </Box>
   );

diff --git a/docs/src/pages/system/basics/basics.md b/docs/src/pages/system/basics/basics.md
@@ -85,10 +85,10 @@ const StatPrevious = styled('div')(
 return (
   <StatWrapper>
     <StatHeader>Sessions</StatHeader>
-    <StatValue>{'98.3 K'}</StatValue>
+    <StatValue>98.3 K</StatValue>
     <StyledTrend />
-    <StatDiff>{'18.77%'}</StatDiff>
-    <StatPrevious>{'vs last week'}</StatPrevious>
+    <StatDiff>18.77%</StatDiff>
+    <StatPrevious>vs last week</StatPrevious>
   </StatWrapper>
 );
 ```
@@ -98,16 +98,18 @@ return (
 ```jsx
 /* prettier-ignore */
 <Box sx={{ bgcolor: 'background.paper', boxShadow: 1, borderRadius: 'borderRadius', p: 2, minWidth: 300 }}>
-  <Box sx={{ color: 'text.secondary' }}>Sessions</Box>
+  <Box sx={{ color: 'text.secondary' }}>
+    Sessions
+  </Box>
   <Box sx={{ color: 'text.primary', fontSize: 34, fontWeight: 'fontWeightMedium' }}>
-    {'98.3 K'}
+    98.3 K
   </Box>
   <Box component={TrendingUpIcon} sx={{ color: 'success.dark', fontSize: 16, verticalAlign: 'sub' }} />
   <Box sx={{ color: 'success.dark', display: 'inline', fontWeight: 'fontWeightMedium', mx: 0.5 }}>
-    {'18.77%'}
+    18.77%
   </Box>
   <Box sx={{ color: 'text.secondary', display: 'inline', fontSize: 12 }}>
-    {'vs last week'}
+    vs last week
   </Box>
 </Box>
 ```