Changeset 4373 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/client/index.jsx

Timestamp:

11/18/2016 03:00:24 AM (8 years ago)

Author:

tellyworth

Message:

Plugin directory: tentatively use React for the screenshot slider only.

React is still disabled by default till this is confirmed.

See #2246

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/client/index.jsx (modified) (1 diff)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/client/index.jsx

@@ -1 +1 @@
 import React from 'react';
 import { render } from 'react-dom';
-import { Provider } from 'react-redux';
 
-import Router from 'modules/router';
-import getStore from 'modules/store';
+import Screenshots from 'components/plugin/sections/screenshots';
+
+// Temporary hack to use the srceenshot viewer without the full React client
+var elements = document.querySelectorAll( '#screenshots figure' );
+var images = [];
+for ( var i=0; i < elements.length; i++ ) {
+    var item = { 
+        src: elements[i].querySelector('img.screenshot').src,
+        caption: elements[i].querySelector('figcaption').textContent,
+    }
+    images.push( item );
+}
 
 render(
-    <Provider store={ getStore() }>
-        { Router }
-    </Provider>,
-    document.getElementById( 'content' )
+    <Screenshots screenshots={images}>
+    </Screenshots>,
+    document.getElementById( 'screenshots' )
 );