chore(jsx): remove unnecessary braces

src/common/xoa-upgrade.js

@@ -32,7 +32,7 @@ const Upgrade = propTypes({
                 <Icon icon='plan-upgrade' /> {_('upgradeNow')}
               </a>{' '}
               {_('or')}&nbsp;
-              <Link className='btn btn-success btn-lg' to={'/xoa-update'}>
+              <Link className='btn btn-success btn-lg' to='/xoa-update'>
                 <Icon icon='plan-trial' /> {_('tryIt')}
               </Link>
             </p>

src/xo-app/backup/index.js

@@ -22,16 +22,16 @@ const HEADER = (
       </Col>
       <Col mediumSize={9}>
         <NavTabs className='pull-right'>
-          <NavLink to={'/backup/overview'}>
+          <NavLink to='/backup/overview'>
             <Icon icon='menu-backup-overview' /> {_('backupOverviewPage')}
           </NavLink>
-          <NavLink to={'/backup/new'}>
+          <NavLink to='/backup/new'>
             <Icon icon='menu-backup-new' /> {_('backupNewPage')}
           </NavLink>
-          <NavLink to={'/backup/restore'}>
+          <NavLink to='/backup/restore'>
             <Icon icon='menu-backup-restore' /> {_('backupRestorePage')}
           </NavLink>
-          <NavLink to={'/backup/file-restore'}>
+          <NavLink to='/backup/file-restore'>
             <Icon icon='menu-backup-file-restore' />{' '}
             {_('backupFileRestorePage')}
           </NavLink>

src/xo-app/dashboard/index.js

@@ -21,18 +21,18 @@ const HEADER = (
       </Col>
       <Col mediumSize={9}>
         <NavTabs className='pull-right'>
-          <NavLink to={'/dashboard/overview'}>
+          <NavLink to='/dashboard/overview'>
             <Icon icon='menu-dashboard-overview' /> {_('overviewDashboardPage')}
           </NavLink>
-          <NavLink to={'/dashboard/visualizations'}>
+          <NavLink to='/dashboard/visualizations'>
             <Icon icon='menu-dashboard-visualization' />{' '}
             {_('overviewVisualizationDashboardPage')}
           </NavLink>
-          <NavLink to={'/dashboard/stats'}>
+          <NavLink to='/dashboard/stats'>
             <Icon icon='menu-dashboard-stats' />{' '}
             {_('overviewStatsDashboardPage')}
           </NavLink>
-          <NavLink to={'/dashboard/health'}>
+          <NavLink to='/dashboard/health'>
             <Icon icon='menu-dashboard-health' />{' '}
             {_('overviewHealthDashboardPage')}
           </NavLink>

src/xo-app/jobs/index.js

@@ -22,13 +22,13 @@ const HEADER = (
       </Col>
       <Col mediumSize={9}>
         <NavTabs className='pull-right'>
-          <NavLink to={'/jobs/overview'}>
+          <NavLink to='/jobs/overview'>
             <Icon icon='menu-jobs-overview' /> {_('jobsOverviewPage')}
           </NavLink>
-          <NavLink to={'/jobs/new'}>
+          <NavLink to='/jobs/new'>
             <Icon icon='menu-jobs-new' /> {_('jobsNewPage')}
           </NavLink>
-          <NavLink to={'/jobs/schedules'}>
+          <NavLink to='/jobs/schedules'>
             <Icon icon='menu-jobs-schedule' /> {_('jobsSchedulingPage')}
           </NavLink>
         </NavTabs>

src/xo-app/menu/index.js

@@ -339,7 +339,7 @@ export default class Menu extends Component {
               <Link
                 className='nav-link'
                 style={{ display: 'flex' }}
-                to={'/about'}
+                to='/about'
               >
                 {+process.env.XOA_PLAN === 5 ? (
                   <span>
@@ -413,7 +413,7 @@ export default class Menu extends Component {
             </a>
           </li>
           <li className='nav-item xo-menu-item'>
-            <Link className='nav-link text-xs-center' to={'/user'}>
+            <Link className='nav-link text-xs-center' to='/user'>
               <Tooltip
                 content={_('editUserProfile', {
                   username: user ? user.email : '',

src/xo-app/new-vm/index.js

@@ -1491,7 +1491,7 @@ export default class NewVm extends BaseComponent {
             </Item>
             <Item label={_('newVmFirstIndex')}>
               <DebounceInput
-                className={'form-control'}
+                className='form-control'
                 disabled={!multipleVms}
                 onChange={this._linkState('seqStart')}
                 type='number'

src/xo-app/settings/index.js

@@ -26,31 +26,31 @@ const HEADER = (
       </Col>
       <Col mediumSize={9}>
         <NavTabs className='pull-right'>
-          <NavLink to={'/settings/servers'}>
+          <NavLink to='/settings/servers'>
             <Icon icon='menu-settings-servers' /> {_('settingsServersPage')}
           </NavLink>
-          <NavLink to={'/settings/users'}>
+          <NavLink to='/settings/users'>
             <Icon icon='menu-settings-users' /> {_('settingsUsersPage')}
           </NavLink>
-          <NavLink to={'/settings/groups'}>
+          <NavLink to='/settings/groups'>
             <Icon icon='menu-settings-groups' /> {_('settingsGroupsPage')}
           </NavLink>
-          <NavLink to={'/settings/acls'}>
+          <NavLink to='/settings/acls'>
             <Icon icon='menu-settings-acls' /> {_('settingsAclsPage')}
           </NavLink>
-          <NavLink to={'/settings/remotes'}>
+          <NavLink to='/settings/remotes'>
             <Icon icon='menu-backup-remotes' /> {_('backupRemotesPage')}
           </NavLink>
-          <NavLink to={'/settings/plugins'}>
+          <NavLink to='/settings/plugins'>
             <Icon icon='menu-settings-plugins' /> {_('settingsPluginsPage')}
           </NavLink>
-          <NavLink to={'/settings/logs'}>
+          <NavLink to='/settings/logs'>
             <Icon icon='menu-settings-logs' /> {_('settingsLogsPage')}
           </NavLink>
-          <NavLink to={'/settings/ips'}>
+          <NavLink to='/settings/ips'>
             <Icon icon='ip' /> {_('settingsIpsPage')}
           </NavLink>
-          <NavLink to={'/settings/config'}>
+          <NavLink to='/settings/config'>
             <Icon icon='menu-settings-config' /> {_('settingsConfigPage')}
           </NavLink>
         </NavTabs>

src/xo-app/settings/remotes/index.js

@@ -313,7 +313,7 @@ export default class Remotes extends Component {
     )
       ? alert(
         <span>
-          <Icon icon={'error'} /> {_('remoteTestName')}
+          <Icon icon='error' /> {_('remoteTestName')}
         </span>,
         <p>{_('remoteTestNameFailure')}</p>
       )

src/xo-app/sr/tab-xosan.js

@@ -809,27 +809,25 @@ export default class TabXosan extends Component {
                 <div>
                   <h3>{_('xosanVolume')}</h3>
                   <Container>
-                    <Field title={'Name'}>{strippedVolumeInfo.name}</Field>
+                    <Field title='Name'>{strippedVolumeInfo.name}</Field>
-                    <Field title={'Status'}>
+                    <Field title='Status'>{strippedVolumeInfo.statusStr}</Field>
-                      {strippedVolumeInfo.statusStr}
+                    <Field title='Type'>{strippedVolumeInfo.typeStr}</Field>
-                    </Field>
+                    <Field title='Brick Count'>
-                    <Field title={'Type'}>{strippedVolumeInfo.typeStr}</Field>
-                    <Field title={'Brick Count'}>
                       {strippedVolumeInfo.brickCount}
                     </Field>
-                    <Field title={'Stripe Count'}>
+                    <Field title='Stripe Count'>
                       {strippedVolumeInfo.stripeCount}
                     </Field>
-                    <Field title={'Replica Count'}>
+                    <Field title='Replica Count'>
                       {strippedVolumeInfo.replicaCount}
                     </Field>
-                    <Field title={'Arbiter Count'}>
+                    <Field title='Arbiter Count'>
                       {strippedVolumeInfo.arbiterCount}
                     </Field>
-                    <Field title={'Disperse Count'}>
+                    <Field title='Disperse Count'>
                       {strippedVolumeInfo.disperseCount}
                     </Field>
-                    <Field title={'Redundancy Count'}>
+                    <Field title='Redundancy Count'>
                       {strippedVolumeInfo.redundancyCount}
                     </Field>
                   </Container>

src/xo-app/xoa/index.js

@@ -19,10 +19,10 @@ const HEADER = (
       </Col>
       <Col mediumSize={9}>
         <NavTabs className='pull-right'>
-          <NavLink to={'/xoa/update'}>
+          <NavLink to='/xoa/update'>
             <Icon icon='menu-xoa-update' /> {_('updatePage')}
           </NavLink>
-          <NavLink to={'/xoa/licenses'}>
+          <NavLink to='/xoa/licenses'>
             <Icon icon='menu-xoa-licenses' /> {_('licensesPage')}
           </NavLink>
         </NavTabs>