From 21f45cf035549afebc60ff45c77dcfb27dcbff17 Mon Sep 17 00:00:00 2001
From: Valeriy Panov <v.panov@aimprosoft.com>
Date: Mon, 18 Dec 2017 11:14:47 +0200
Subject: [PATCH] Basic information section -> links to licenses

---
 .../steps/basic-info/BasicInfoForm.tsx        |  2 +-
 .../steps/basic-info/BasicInfoRadioGroup.tsx  | 64 ++++++-------------
 2 files changed, 21 insertions(+), 45 deletions(-)

diff --git a/src/ui/pages/dataset/dataset-stepper/steps/basic-info/BasicInfoForm.tsx b/src/ui/pages/dataset/dataset-stepper/steps/basic-info/BasicInfoForm.tsx
index 84036be..c6b73e6 100644
--- a/src/ui/pages/dataset/dataset-stepper/steps/basic-info/BasicInfoForm.tsx
+++ b/src/ui/pages/dataset/dataset-stepper/steps/basic-info/BasicInfoForm.tsx
@@ -14,7 +14,7 @@ import {TextField} from 'ui/common/text-field';
 import {MarkdownField} from 'ui/common/markdown';
 import SelectPartnerComponent from './SelectPartnerComponent';
 import {Partner} from 'model/partner.model';
-import {BasicInfoRadioGroup} from './BasicInfoRadioGroup';
+import BasicInfoRadioGroup from './BasicInfoRadioGroup';
 
 interface ILoginContainerProps extends React.ClassAttributes<any> {
     handleSubmit: () => void;
diff --git a/src/ui/pages/dataset/dataset-stepper/steps/basic-info/BasicInfoRadioGroup.tsx b/src/ui/pages/dataset/dataset-stepper/steps/basic-info/BasicInfoRadioGroup.tsx
index d07ea72..7aef1aa 100644
--- a/src/ui/pages/dataset/dataset-stepper/steps/basic-info/BasicInfoRadioGroup.tsx
+++ b/src/ui/pages/dataset/dataset-stepper/steps/basic-info/BasicInfoRadioGroup.tsx
@@ -1,9 +1,16 @@
 import * as React from 'react';
 import {FormLabel, FormControl, FormControlLabel} from 'material-ui/Form';
 import Radio, {RadioGroup} from 'material-ui/Radio';
-import Tooltip from 'material-ui/Tooltip';
+import {withStyles} from 'material-ui/styles';
 
-export const BasicInfoRadioGroup = ({input, meta, ...rest}) => (
+const styles = {
+    tooltip: {
+        fontSize: '1.1rem',
+        marginLeft: '1em',
+    },
+};
+
+const BasicInfoRadioGroup = ({input, meta, classes, ...rest}) => (
     <FormControl required>
         <FormLabel>Rights*</FormLabel>
         <RadioGroup
@@ -17,63 +24,32 @@ export const BasicInfoRadioGroup = ({input, meta, ...rest}) => (
             <FormControlLabel
                 value="CC0"
                 label={ (
-                    <Tooltip
-                        id="tooltip-controlled1"
-                        title={ (
-                            <a href="https://creativecommons.org/publicdomain/zero/1.0/" target="_blank"
-                               style={ {color: 'white'} }>
-                                https://creativecommons.org/publicdomain/zero/1.0/
-                            </a>
-                        ) }
-                        enterDelay={ 300 }
-                        leaveDelay={ 1200 }
-                        placement="right"
-                    >
-                        <div>CCO</div>
-                    </Tooltip>
+                    <div>CCO <a href="https://creativecommons.org/publicdomain/zero/1.0/" target="_blank" className={ classes.tooltip }>
+                        https://creativecommons.org/publicdomain/zero/1.0/
+                    </a></div>
                 ) }
                 control={ <Radio /> }
             />
             <FormControlLabel
                 value="CC-BY"
                 label={ (
-                    <Tooltip
-                        id="tooltip-controlled1"
-                        title={ (
-                            <a href="https://creativecommons.org/licenses/by/4.0/" target="_blank"
-                               style={ {color: 'white'} }>
-                                https://creativecommons.org/licenses/by/4.0/
-                            </a>
-                        ) }
-                        enterDelay={ 300 }
-                        leaveDelay={ 1200 }
-                        placement="right"
-                    >
-                        <div>CC-BY</div>
-                    </Tooltip>
+                    <div>CC-BY <a href="https://creativecommons.org/licenses/by/4.0/" target="_blank" className={ classes.tooltip }>
+                        https://creativecommons.org/licenses/by/4.0/
+                    </a></div>
                 ) }
                 control={ <Radio /> }
             />
             <FormControlLabel
                 value="CC-BY-NC"
                 label={ (
-                    <Tooltip
-                        id="tooltip-controlled1"
-                        title={ (
-                            <a href="https://creativecommons.org/licenses/by-nc/4.0/" target="_blank"
-                               style={ {color: 'white'} }>
-                                https://creativecommons.org/licenses/by-nc/4.0/
-                            </a>
-                        ) }
-                        enterDelay={ 300 }
-                        leaveDelay={ 1200 }
-                        placement="right"
-                    >
-                        <div>CC-BY-NC</div>
-                    </Tooltip>
+                    <div>CC-BY-NC <a href="https://creativecommons.org/licenses/by-nc/4.0/" target="_blank" className={ classes.tooltip }>
+                        https://creativecommons.org/licenses/by-nc/4.0/
+                    </a></div>
                 ) }
                 control={ <Radio /> }
             />
         </RadioGroup>
     </FormControl>
 );
+
+export default withStyles(styles)(BasicInfoRadioGroup);
-- 
GitLab