Replace static CSS class with a data attribute on Preview (#344)

Fix #334
styleguidist · Mar 6, 2017 · 556a5d8 · 556a5d8
1 parent 5f88bb3
commit 556a5d8
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/src/rsg-components/Playground/PlaygroundRenderer.js b/src/rsg-components/Playground/PlaygroundRenderer.js
@@ -1,5 +1,4 @@
 import React, { PropTypes } from 'react';
-import cx from 'classnames';
 import Editor from 'rsg-components/Editor';
 import Link from 'rsg-components/Link';
 import Preview from 'rsg-components/Preview';
@@ -75,7 +74,7 @@ export function PlaygroundRenderer({
 }) {
 	return (
 		<div className={classes.root}>
-			<div className={cx(classes.preview, 'rsg--example-preview')}>
+			<div className={classes.preview} data-preview={name ? name : ''}>
 				<div className={classes.isolatedLink}>
 					{name && (
 						isolatedExample ? (

diff --git a/src/rsg-components/Playground/__snapshots__/Playground.spec.js.snap b/src/rsg-components/Playground/__snapshots__/Playground.spec.js.snap
@@ -1,7 +1,7 @@
 exports[`test renderer should render preview 1`] = `
 <div>
   <div
-    className="rsg--example-preview">
+    data-preview="name">
     <div>
       <_class
         href="#!/name/0">