Merge pull request #215 from smiclea/azure-migrate-logo

Update 'azure-migrate' logo

src/components/organisms/AssessmentDetailsContent/images/azure-migrate.svg

@@ -1,22 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="48px" height="32px" viewBox="0 0 48 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 48.1 (47250) - http://www.bohemiancoding.com/sketch -->
-    <title>Group 6 Copy</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="AM-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(-385.000000, -257.000000)">
-        <g id="Azure-Migrate-Logo" transform="translate(385.000000, 254.000000)">
-            <g id="Group-6-Copy" transform="translate(0.000000, 3.000000)">
-                <g id="Group-5">
-                    <path d="M41.1428571,25.8728368 L41.1428571,26.0465116 L9.42857143,26.0465116 L9.42857143,19.9689922 L12.2649615,19.9689922 C11.0112733,17.95872 10.2857143,15.5768143 10.2857143,13.0232558 C10.2857143,5.83071024 16.0420532,0 23.1428571,0 C29.0801086,0 34.0774087,4.07640476 35.5557249,9.6168607 C36.718957,9.01907339 38.0349221,8.68217054 39.4285714,8.68217054 C44.1624407,8.68217054 48,12.5693107 48,17.3643411 C48,21.5647021 45.0552691,25.0683984 41.1428571,25.8728368 Z" id="Combined-Shape-Copy-5" fill="#227EBA"></path>
-                    <path d="M5.14285714,31.2393657 C2.26609384,31.0176991 0,28.5831075 0,25.6124031 C0,22.4956333 2.49441354,19.9689922 5.57142857,19.9689922 C5.77612888,19.9689922 5.97825079,19.9801743 6.17723144,20.0019682 C6.06064143,19.2849776 6,18.5488869 6,17.7984496 C6,10.3661525 11.9482169,4.34108527 19.2857143,4.34108527 C25.3772266,4.34108527 30.5112269,8.49364832 32.0791898,14.1565473 C33.3683783,13.4343516 34.8510789,13.0232558 36.4285714,13.0232558 C41.3991342,13.0232558 45.4285714,17.104753 45.4285714,22.1395349 C45.4285714,26.7321495 42.0758068,30.5315666 37.7142857,31.1634936 L37.7142857,31.255814 L5.14285714,31.255814 L5.14285714,31.2393657 Z" id="Combined-Shape-Copy-4" fill="#2E97DE"></path>
-                    <g id="Group-3" transform="translate(12.975824, 6.077519)" fill="#FFFFFF" fill-rule="nonzero">
-                        <path d="M0.712676078,25.1782946 L9.21070462,16.680266 L2.94904323,10.4186047 L7.79777545,10.4186047 L14.0907594,16.7115886 L5.62405341,25.1782946 L0.712676078,25.1782946 Z" id="Combined-Shape"></path>
-                        <path d="M16.1744701,22.5736434 L22.0678475,16.680266 L17.5426202,12.1550388 L22.3913524,12.1550388 L26.9479022,16.7115886 L21.0858474,22.5736434 L16.1744701,22.5736434 Z" id="Combined-Shape-Copy"></path>
-                        <path d="M11.031613,10.4186047 L16.9249903,4.52522728 L12.3997631,0 L17.2484953,0 L21.8050451,4.55654983 L15.9429903,10.4186047 L11.031613,10.4186047 Z" id="Combined-Shape-Copy-2"></path>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>

src/components/organisms/AssessmentDetailsContent/index.jsx

@@ -36,7 +36,7 @@ import type { Endpoint } from '../../../types/Endpoint'
 import type { Instance, Nic } from '../../../types/Instance'
 import type { Network, NetworkMap } from '../../../types/Network'
 
-import azureMigrateImage from './images/azure-migrate.svg'
+import azureMigrateImage from './images/logo.svg'
 import arrowImage from './images/arrow.svg'
 
 const Wrapper = styled.div`
@@ -83,19 +83,10 @@ const Value = styled.div`
   ${props => props.capitalize ? 'text-transform: capitalize;' : ''}
 `
 const AzureMigrateLogo = styled.div`
-  display: flex;
-  text-align: center;
-`
-const AzureMigrateLogoImage = styled.div`
-  width: 48px;
-  height: 33px;
+  width: 208px;
+  height: 32px;
   background: url('${azureMigrateImage}') center no-repeat;
 `
-const AzureMigrateLogoText = styled.div`
-  font-size: 27px;
-  color: #2E97DE;
-  margin-left: 12px;
-`
 const LoadingWrapper = styled.div`
   display: flex;
   flex-direction: column;
@@ -106,7 +97,7 @@ const LoadingText = styled.div`
   font-size: 18px;
   margin-top: 32px;
 `
-const TableStyled = styled(Table)`
+const TableStyled = styled(Table) `
   margin-top: 62px;
   ${props => props.addWidthPadding ? css`
     margin-left: -24px;
@@ -182,7 +173,7 @@ type Props = {
   loadingVmSizes: boolean,
   vmSizes: VmSize[],
   onVmSizeChange: (vm: VmItem, size: { name: string }) => void,
-  onGetVmSize: (vm: VmItem) => ?VmSize,
+  onGetVmSize: (vm: VmItem) =>?VmSize,
   networks: Network[],
   sourceEndpoint: ?Endpoint,
   page: string,
@@ -266,10 +257,7 @@ class AssessmentDetailsContent extends React.Component<Props> {
             </Field>
           </Row>
           <Row>
-            <AzureMigrateLogo>
-              <AzureMigrateLogoImage />
-              <AzureMigrateLogoText>Azure Migrate</AzureMigrateLogoText>
-            </AzureMigrateLogo>
+            <AzureMigrateLogo />
           </Row>
           <Row>
             <Field>