Merge pull request #5509 from getsentry/icons/bitbucket

Add Bitbucket icon

src/sentry/static/sentry/app/icons/icon-github.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import Icon from 'react-icon-base';
+
+function IconGithub(props) {
+  return (
+    <Icon viewBox="0 0 32 32" {...props}>
+      <g id="icon-github" fill="currentColor" stroke="none">
+        <path d="M15.9986299,-3.55271368e-15 C7.16376191,-3.55271368e-15 -0.000387878788,7.11515178 -0.000387878788,15.8937252 C-0.000387878788,22.9142424 4.58352863,28.8703649 10.9422763,30.9728128 C11.7427674,31.1181792 12.0344801,30.6274455 12.0344801,30.2059803 C12.0344801,29.8293933 12.0207294,28.8293891 12.0128718,27.5035299 C7.56253416,28.4635339 6.62355319,25.3727893 6.62355319,25.3727893 C5.89574472,23.536684 4.84675761,23.0488771 4.84675761,23.0488771 C3.39408726,22.0625315 4.95676375,22.0820438 4.95676375,22.0820438 C6.56265693,22.195215 7.40734693,23.7200994 7.40734693,23.7200994 C8.83448014,26.1484023 11.1514844,25.4469359 12.0639461,25.0410806 C12.2093113,24.0137592 12.6218343,23.3132685 13.0795385,22.9161936 C9.52692949,22.5152163 5.79163177,21.1513082 5.79163177,15.0615265 C5.79163177,13.3268851 6.41532728,11.9083426 7.43877725,10.7971184 C7.27376805,10.3951655 6.72471955,8.779549 7.59494668,6.59124714 C7.59494668,6.59124714 8.93859309,6.16392828 11.9951922,8.22052226 C13.271067,7.86735005 14.6402505,7.69173956 16.0005943,7.68491026 C17.3589737,7.69173956 18.7281572,7.86735005 20.0059964,8.22052226 C23.0606312,6.16392828 24.401331,6.59124714 24.401331,6.59124714 C25.2745047,8.779549 24.7254562,10.3951655 24.560447,10.7971184 C25.5858614,11.9083426 26.2056281,13.3268851 26.2056281,15.0615265 C26.2056281,21.166918 22.4644372,22.5103383 18.9000418,22.9035106 C19.4746275,23.3942444 19.9863525,24.3640046 19.9863525,25.8469376 C19.9863525,27.970849 19.9667085,29.6850025 19.9667085,30.2059803 C19.9667085,30.6313479 20.2544924,31.1259841 21.0667699,30.9708615 C27.4186422,28.8645112 31.9996121,22.9122912 31.9996121,15.8937252 C31.9996121,7.11515178 24.8354623,-3.55271368e-15 15.9986299,-3.55271368e-15" />
+      </g>
+    </Icon>
+  );
+}
+
+export default IconGithub;

src/sentry/static/sentry/app/icons/icon-open.js

@@ -2,10 +2,13 @@ import React from 'react';
 import Icon from 'react-icon-base';
 
 function IconOpen(props) {
-  return(
+  return (
     <Icon viewBox="0 0 15 15" {...props}>
       <g stroke="currentColor" fill="none" strokeLinecap="round" strokeLinejoin="round">
-        <path d="M14.5,8.5 L14.5,13.1823525 C14.5,13.9100691 13.9162615,14.5 13.182914,14.5 L1.81708601,14.5 C1.08967949,14.5 0.5,13.9162615 0.5,13.182914 L0.5,1.81708601 C0.5,1.08967949 1.09439142,0.5 1.80585884,0.5 L6.5,0.5" id="outer-path" />
+        <path
+          d="M14.5,8.5 L14.5,13.1823525 C14.5,13.9100691 13.9162615,14.5 13.182914,14.5 L1.81708601,14.5 C1.08967949,14.5 0.5,13.9162615 0.5,13.182914 L0.5,1.81708601 C0.5,1.08967949 1.09439142,0.5 1.80585884,0.5 L6.5,0.5"
+          id="outer-path"
+        />
         <path d="M7.5,7.5 L14.5,0.5" id="line" />
         <polyline id="arrow" points="9.5 0.5 14.5 0.5 14.5 5.5" />
       </g>

src/sentry/static/sentry/app/views/releases/releaseCommits.jsx

@@ -8,6 +8,9 @@ import DropdownLink from '../../components/dropdownLink';
 import MenuItem from '../../components/menuItem';
 import ApiMixin from '../../mixins/apiMixin';
 
+import IconGithub from '../../icons/icon-github';
+import IconBitbucket from '../../icons/icon-bitbucket';
+
 import {t} from '../../locale';
 
 const CommitLink = React.createClass({
@@ -33,8 +36,12 @@ const CommitLink = React.createClass({
       ? <a
           className={this.props.inline ? 'inline-commit' : 'btn btn-default btn-sm'}
           href={commitUrl}
-          target="_blank">
-          <span className={'icon-mark-' + this.props.repository.provider.id} />
+          target="_blank"
+        >
+          {this.props.repository.provider.id == 'github' &&
+            <IconGithub size="16" style={{verticalAlign: 'text-top'}} />}
+          {this.props.repository.provider.id == 'bitbucket' &&
+            <IconBitbucket size="16" style={{verticalAlign: 'text-top'}} />}
           &nbsp;
           {this.props.inline ? '' : ' '}
           {shortId}
@@ -213,14 +220,16 @@ const ReleaseCommits = React.createClass({
                           style={{marginLeft: 3, marginRight: -3}}
                         />
                       </h5>
-                    }>
+                    }
+                  >
                     <MenuItem
                       key="all"
                       noAnchor={true}
                       onClick={() => {
                         this.setActiveRepo(null);
                       }}
-                      isActive={this.state.activeRepo === null}>
+                      isActive={this.state.activeRepo === null}
+                    >
                       <a>All Repositories</a>
                     </MenuItem>
                     {Object.keys(commitsByRepository).map(repository => {
@@ -231,7 +240,8 @@ const ReleaseCommits = React.createClass({
                           onClick={() => {
                             this.setActiveRepo(repository);
                           }}
-                          isActive={this.state.activeRepo === repository}>
+                          isActive={this.state.activeRepo === repository}
+                        >
                           <a>{repository}</a>
                         </MenuItem>
                       );

src/sentry/static/sentry/less/group-detail.less

@@ -765,10 +765,10 @@
 */
 .activity-item {
   .inline-commit {
-    color: @gray-light;
+    color: @60;
     padding-left: 3px;
     &:hover {
-      color: @gray-dark;
+      color: @80;
     }
   }
 }