TASK: cleanup the new view component

flownative · Mar 17, 2018 · da8e3f4 · da8e3f4
1 parent 896af49
commit da8e3f4
Show file tree

Hide file tree

Showing 3 changed files with 39 additions and 47 deletions.
diff --git a/Resources/Private/JavaScript/AnchorView/src/AnchorView.js b/Resources/Private/JavaScript/AnchorView/src/AnchorView.js
@@ -9,7 +9,7 @@ import {$get} from 'plow-js';
 @connect(state => ({
     documentNode: selectors.UI.ContentCanvas.documentNodeSelector(state),
     focusedNode: selectors.CR.Nodes.focusedSelector(state),
-    transientSectionId: $get(['sectionId', 'value'], selectors.UI.Inspector.transientValues(state))
+    transientSectionId: $get('sectionId.value', selectors.UI.Inspector.transientValues(state))
 }))
 export default class AnchorView extends Component {
     static propTypes = {
@@ -38,27 +38,24 @@ export default class AnchorView extends Component {
 
     render() {
         return this.getSetionId() && (
-            <div class="neos-inspector-field">
-                <Button style="brand" onClick={this.copyToClipboard}>
-                    <I18n
-                        id={`Flownative.Anchorlinks:Main:${this.state.isCopied ? 'copied' : 'copy'}`}
-                        fallback="Copy link"
-                        />
-                    &nbsp;
-                    <div style={{
-                        display: 'inline-block',
-                        width: '16px',
-                        height: '16px',
-                        fill: 'white',
-                        marginLeft: '3px',
-                        verticalAlign: 'sub'
-                    }}>
-                        <svg viewBox="0 0 896 1024" width="100%" xmlns="http://www.w3.org/2000/svg">
-                            <path d="M128 768h256v64H128v-64z m320-384H128v64h320v-64z m128 192V448L384 640l192 192V704h320V576H576z m-288-64H128v64h160v-64zM128 704h160v-64H128v64z m576 64h64v128c-1 18-7 33-19 45s-27 18-45 19H64c-35 0-64-29-64-64V192c0-35 29-64 64-64h192C256 57 313 0 384 0s128 57 128 128h192c35 0 64 29 64 64v320h-64V320H64v576h640V768zM128 256h512c0-35-29-64-64-64h-64c-35 0-64-29-64-64s-29-64-64-64-64 29-64 64-29 64-64 64h-64c-35 0-64 29-64 64z" />
-                        </svg>
-                    </div>
-                </Button>
-            </div>
+            <Button style="brand" onClick={this.copyToClipboard}>
+                <I18n
+                    id={`Flownative.Anchorlinks:Main:${this.state.isCopied ? 'copied' : 'copy'}`}
+                    fallback="Copy link"
+                    />
+                <div style={{
+                    display: 'inline-block',
+                    width: '16px',
+                    height: '16px',
+                    fill: 'white',
+                    marginLeft: '3px',
+                    verticalAlign: 'sub'
+                }}>
+                    <svg viewBox="0 0 896 1024" width="100%" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M128 768h256v64H128v-64z m320-384H128v64h320v-64z m128 192V448L384 640l192 192V704h320V576H576z m-288-64H128v64h160v-64zM128 704h160v-64H128v64z m576 64h64v128c-1 18-7 33-19 45s-27 18-45 19H64c-35 0-64-29-64-64V192c0-35 29-64 64-64h192C256 57 313 0 384 0s128 57 128 128h192c35 0 64 29 64 64v320h-64V320H64v576h640V768zM128 256h512c0-35-29-64-64-64h-64c-35 0-64-29-64-64s-29-64-64-64-64 29-64 64-29 64-64 64h-64c-35 0-64 29-64 64z" />
+                    </svg>
+                </div>
+            </Button>
         );
     }
 }
diff --git a/Resources/Public/JavaScript/AnchorView/Plugin.js b/Resources/Public/JavaScript/AnchorView/Plugin.js