Skip to content
This repository was archived by the owner on Jan 14, 2022. It is now read-only.

Commit 9dec808

Browse files
ZeroX-DGZeroX-DG
committed
fixed rendering github flavored markdown
1 parent 19e96f6 commit 9dec808

File tree

4 files changed

+23
-9
lines changed

4 files changed

+23
-9
lines changed

‎browser/lib/getLangIcon.js‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,8 @@ export default function getLanguageIcon (lang) {
1313
langName = 'cpp'
1414
} else if (langName === 'jsx') {
1515
langName = 'react'
16+
} else if (langName === 'github flavored markdown') {
17+
langName = 'markdown'
1618
}
1719
try {
1820
const svgIcon = getDevIcon(`./${langName}.svg`)

‎browser/render/layouts/list-and-detail/snippet-detail-multi-file/index.jsx‎

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -101,6 +101,8 @@ export default class SnippetDetailMultiFile extends React.Component {
101101
const langMode = CodeMirror.findModeByExtension(getExtension(file.name))
102102
langName = langMode ? langMode.name : ''
103103
}
104+
const isMarkdown =
105+
langName === 'Markdown' || langName === 'GitHub Flavored Markdown'
104106
return (
105107
<div className="top-bar">
106108
<div className="left-tool">
@@ -141,7 +143,7 @@ export default class SnippetDetailMultiFile extends React.Component {
141143
)}
142144
{!isEditing &&
143145
!isPreview &&
144-
langName === 'Markdown' && (
146+
isMarkdown && (
145147
<div
146148
className="preview-btn"
147149
data-tip={i18n.__('Preview')}
@@ -152,7 +154,7 @@ export default class SnippetDetailMultiFile extends React.Component {
152154
)}
153155
{!isEditing &&
154156
isPreview &&
155-
langName === 'Markdown' && (
157+
isMarkdown && (
156158
<div
157159
className="unpreview-btn"
158160
data-tip={i18n.__('Exit preview')}
@@ -378,6 +380,8 @@ export default class SnippetDetailMultiFile extends React.Component {
378380
const langMode = CodeMirror.findModeByExtension(getExtension(file.name))
379381
langName = langMode ? langMode.name : ''
380382
}
383+
const isMarkdown =
384+
langName === 'Markdown' || langName === 'GitHub Flavored Markdown'
381385
return (
382386
<Fragment>
383387
{this.renderTopBar()}
@@ -389,7 +393,7 @@ export default class SnippetDetailMultiFile extends React.Component {
389393
{this.renderDescription()}
390394
{this.renderFileList()}
391395

392-
{langName === 'Markdown' && isPreview ? (
396+
{isMarkdown && isPreview ? (
393397
<div style={{ width: '100%', flex: '1', overflow: 'hidden' }}>
394398
<MarkdownPreview markdown={file.value} />
395399
</div>

‎browser/render/layouts/list-and-detail/snippet-detail/index.jsx‎

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -92,6 +92,8 @@ export default class SnippetDetail extends React.Component {
9292
renderTopBar () {
9393
const { isEditing, isPreview } = this.state
9494
const { snippet } = this.props
95+
const isMarkdown =
96+
snippet.lang === 'Markdown' || snippet.lang === 'GitHub Flavored Markdown'
9597
return (
9698
<div className="top-bar">
9799
<div className="left-tool">
@@ -141,7 +143,7 @@ export default class SnippetDetail extends React.Component {
141143
)}
142144
{!isEditing &&
143145
!isPreview &&
144-
snippet.lang === 'Markdown' && (
146+
isMarkdown && (
145147
<div
146148
className="preview-btn"
147149
data-tip={i18n.__('Preview')}
@@ -152,7 +154,7 @@ export default class SnippetDetail extends React.Component {
152154
)}
153155
{!isEditing &&
154156
isPreview &&
155-
snippet.lang === 'Markdown' && (
157+
isMarkdown && (
156158
<div
157159
className="unpreview-btn"
158160
data-tip={i18n.__('Exit preview')}
@@ -252,6 +254,8 @@ export default class SnippetDetail extends React.Component {
252254
renderSnippet () {
253255
const { config, snippet } = this.props
254256
const { isPreview } = this.state
257+
const isMarkdown =
258+
snippet.lang === 'Markdown' || snippet.lang === 'GitHub Flavored Markdown'
255259
return (
256260
<Fragment>
257261
{this.renderTopBar()}
@@ -261,7 +265,7 @@ export default class SnippetDetail extends React.Component {
261265
</div>
262266
{this.renderTagList()}
263267
{this.renderDescription()}
264-
{snippet.lang === 'Markdown' && isPreview ? (
268+
{isMarkdown && isPreview ? (
265269
<MarkdownPreview
266270
markdown={snippet.value}
267271
style={{ height: 'calc(100% - 230px)' }}

‎browser/render/layouts/original/snippet-item/index.jsx‎

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -174,6 +174,8 @@ export default class SnippetItem extends React.Component {
174174
const { snippet } = this.props
175175
const { isEditing, isPreview } = this.state
176176
const languageIcon = getLanguageIcon(snippet.lang)
177+
const isMarkdown =
178+
snippet.lang === 'Markdown' || snippet.lang === 'GitHub Flavored Markdown'
177179
return (
178180
<div className="header">
179181
<div className="info">
@@ -201,7 +203,7 @@ export default class SnippetItem extends React.Component {
201203
)}
202204
{!isEditing &&
203205
!isPreview &&
204-
snippet.lang === 'Markdown' && (
206+
isMarkdown && (
205207
<div
206208
className="preview-btn"
207209
data-tip={i18n.__('Preview')}
@@ -212,7 +214,7 @@ export default class SnippetItem extends React.Component {
212214
)}
213215
{!isEditing &&
214216
isPreview &&
215-
snippet.lang === 'Markdown' && (
217+
isMarkdown && (
216218
<div
217219
className="unpreview-btn"
218220
data-tip={i18n.__('Exit preview')}
@@ -361,13 +363,15 @@ export default class SnippetItem extends React.Component {
361363
render () {
362364
const { isPreview } = this.state
363365
const { config, snippet } = this.props
366+
const isMarkdown =
367+
snippet.lang === 'Markdown' || snippet.lang === 'GitHub Flavored Markdown'
364368
return (
365369
<div className="snippet-item original">
366370
<ReactTooltip place="bottom" effect="solid" />
367371
{this.renderHeader()}
368372
{this.renderTagList()}
369373
{this.renderDescription()}
370-
{snippet.lang === 'Markdown' && isPreview ? (
374+
{isMarkdown && isPreview ? (
371375
<div style={{ height: '300px' }}>
372376
<MarkdownPreview markdown={snippet.value} />
373377
</div>

0 commit comments

Comments
 (0)