diff --git a/package.json b/package.json index d104acf..c417bf0 100644 --- a/package.json +++ b/package.json @@ -120,6 +120,7 @@ "redux-thunk": "^2.0.0", "rimraf": "^2.5.1", "sass-loader": "^3.0.0", + "string-template": "^1.0.0", "style-loader": "^0.13.0", "url-loader": "^0.5.6", "webpack": "^1.12.14", diff --git a/src/components/EmbedCode/EmbedCode.js b/src/components/EmbedCode/EmbedCode.js new file mode 100644 index 0000000..2806859 --- /dev/null +++ b/src/components/EmbedCode/EmbedCode.js @@ -0,0 +1,22 @@ +import React, { PropTypes } from 'react'; +import format from 'string-template'; + + +const template = ` + + + +
+`.replace(/\r?\n|\r/g, ''); + + +const EmbedCode = ({ collectionId: id, layoutName: layout }) => ( +{format(template, { id, layout })}
+);
+
+EmbedCode.propTypes = {
+ collectionId: PropTypes.string.isRequired,
+ layoutName: PropTypes.string.isRequired,
+};
+
+export default EmbedCode;
diff --git a/src/components/EmbedCode/index.js b/src/components/EmbedCode/index.js
new file mode 100644
index 0000000..b79b212
--- /dev/null
+++ b/src/components/EmbedCode/index.js
@@ -0,0 +1,2 @@
+import EmbedCode from './EmbedCode';
+export default EmbedCode;
diff --git a/src/routes/Home/components/DisplayPicker/DisplayPicker.js b/src/routes/Home/components/DisplayPicker/DisplayPicker.js
index 82439ed..a729a3c 100644
--- a/src/routes/Home/components/DisplayPicker/DisplayPicker.js
+++ b/src/routes/Home/components/DisplayPicker/DisplayPicker.js
@@ -1,11 +1,12 @@
import React, { PropTypes } from 'react';
+
import Navigation from './DisplayPickerNavigation';
import Stage from './DisplayPickerStage';
-import EmbedCode from './DisplayPickerEmbedCode';
-
+import EmbedCode from 'components/EmbedCode';
import FastInput from 'components/FastInput';
-const DisplayPicker = ({ setCollection, collectionId, ...props }) => (
+
+const DisplayPicker = ({ setCollection, collectionId, selected, ...props }) => (
Embed Code
-