@scm-manager/ui-components 2.26.2-20211010-105621 → 2.26.2-20211011-141900

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@scm-manager/ui-components",
3
- "version": "2.26.2-20211010-105621",
3
+ "version": "2.26.2-20211011-141900",
4
4
  "description": "UI Components for SCM-Manager and its plugins",
5
5
  "main": "src/index.ts",
6
6
  "files": [
@@ -25,7 +25,7 @@
25
25
  "@scm-manager/jest-preset": "^2.13.0",
26
26
  "@scm-manager/prettier-config": "^2.10.1",
27
27
  "@scm-manager/tsconfig": "^2.12.0",
28
- "@scm-manager/ui-tests": "^2.26.2-20211010-105621",
28
+ "@scm-manager/ui-tests": "^2.26.2-20211011-141900",
29
29
  "@storybook/addon-actions": "^6.3.12",
30
30
  "@storybook/addon-storyshots": "^6.3.12",
31
31
  "@storybook/builder-webpack5": "^6.3.12",
@@ -66,9 +66,9 @@
66
66
  "worker-plugin": "^3.2.0"
67
67
  },
68
68
  "dependencies": {
69
- "@scm-manager/ui-api": "^2.26.2-20211010-105621",
70
- "@scm-manager/ui-extensions": "^2.26.2-20211010-105621",
71
- "@scm-manager/ui-types": "^2.26.2-20211010-105621",
69
+ "@scm-manager/ui-api": "^2.26.2-20211011-141900",
70
+ "@scm-manager/ui-extensions": "^2.26.2-20211011-141900",
71
+ "@scm-manager/ui-types": "^2.26.2-20211011-141900",
72
72
  "classnames": "^2.2.6",
73
73
  "date-fns": "^2.4.1",
74
74
  "deepmerge": "^4.2.2",
@@ -73639,7 +73639,7 @@ exports[`Storyshots Repositories/RepositoryEntry Archived 1`] = `
73639
73639
  className="is-flex"
73640
73640
  >
73641
73641
  <strong
73642
- className="RepositoryEntry__Name-sc-6jys82-2 gIldrI"
73642
+ className="RepositoryEntry__Name-sc-6jys82-4 flPsOa"
73643
73643
  >
73644
73644
  heartOfGold
73645
73645
  </strong>
@@ -73678,11 +73678,24 @@ exports[`Storyshots Repositories/RepositoryEntry Archived 1`] = `
73678
73678
  className="RepositoryEntry__ContentRightContainer-sc-6jys82-0 wkQgn is-flex is-flex-direction-column is-justify-content-space-between is-relative mr-4"
73679
73679
  >
73680
73680
  <span
73681
- className="is-flex is-justify-content-flex-end is-align-items-flex-end"
73681
+ className="is-flex is-justify-content-flex-end is-align-items-center"
73682
73682
  >
73683
+ <a
73684
+ className="RepositoryEntry__ContactActionWrapper-sc-6jys82-3 kIKRYU is-size-5"
73685
+ href="mailto:heart-of-gold@hitchhiker.com"
73686
+ tabIndex={1}
73687
+ target="_blank"
73688
+ title="overview.contact"
73689
+ >
73690
+ <i
73691
+ className="fas fa-fw fa-envelope has-text-info RepositoryEntry__QuickAction-sc-6jys82-1 jDQqzI is-clickable"
73692
+ onKeyPress={[Function]}
73693
+ tabIndex={-1}
73694
+ />
73695
+ </a>
73683
73696
  <i
73684
73697
  aria-label="overview.clone"
73685
- className="fas fa-fw fa-download has-text-info RepositoryEntry__QuickAction-sc-6jys82-1 khGtCz is-clickable is-size-5"
73698
+ className="fas fa-fw fa-download has-text-info RepositoryEntry__QuickAction-sc-6jys82-1 jDQqzI is-clickable is-size-5"
73686
73699
  onClick={[Function]}
73687
73700
  onKeyPress={[Function]}
73688
73701
  tabIndex={-1}
@@ -73746,7 +73759,7 @@ exports[`Storyshots Repositories/RepositoryEntry Avatar EP 1`] = `
73746
73759
  className="is-flex"
73747
73760
  >
73748
73761
  <strong
73749
- className="RepositoryEntry__Name-sc-6jys82-2 gIldrI"
73762
+ className="RepositoryEntry__Name-sc-6jys82-4 flPsOa"
73750
73763
  >
73751
73764
  heartOfGold
73752
73765
  </strong>
@@ -73774,11 +73787,24 @@ exports[`Storyshots Repositories/RepositoryEntry Avatar EP 1`] = `
73774
73787
  className="RepositoryEntry__ContentRightContainer-sc-6jys82-0 wkQgn is-flex is-flex-direction-column is-justify-content-space-between is-relative mr-4"
73775
73788
  >
73776
73789
  <span
73777
- className="is-flex is-justify-content-flex-end is-align-items-flex-end"
73790
+ className="is-flex is-justify-content-flex-end is-align-items-center"
73778
73791
  >
73792
+ <a
73793
+ className="RepositoryEntry__ContactActionWrapper-sc-6jys82-3 kIKRYU is-size-5"
73794
+ href="mailto:heart-of-gold@hitchhiker.com"
73795
+ tabIndex={1}
73796
+ target="_blank"
73797
+ title="overview.contact"
73798
+ >
73799
+ <i
73800
+ className="fas fa-fw fa-envelope has-text-info RepositoryEntry__QuickAction-sc-6jys82-1 jDQqzI is-clickable"
73801
+ onKeyPress={[Function]}
73802
+ tabIndex={-1}
73803
+ />
73804
+ </a>
73779
73805
  <i
73780
73806
  aria-label="overview.clone"
73781
- className="fas fa-fw fa-download has-text-info RepositoryEntry__QuickAction-sc-6jys82-1 khGtCz is-clickable is-size-5"
73807
+ className="fas fa-fw fa-download has-text-info RepositoryEntry__QuickAction-sc-6jys82-1 jDQqzI is-clickable is-size-5"
73782
73808
  onClick={[Function]}
73783
73809
  onKeyPress={[Function]}
73784
73810
  tabIndex={-1}
@@ -73845,7 +73871,7 @@ exports[`Storyshots Repositories/RepositoryEntry Before Title EP 1`] = `
73845
73871
  className="far fa-star"
73846
73872
  />
73847
73873
  <strong
73848
- className="RepositoryEntry__Name-sc-6jys82-2 gIldrI"
73874
+ className="RepositoryEntry__Name-sc-6jys82-4 flPsOa"
73849
73875
  >
73850
73876
  heartOfGold
73851
73877
  </strong>
@@ -73873,11 +73899,24 @@ exports[`Storyshots Repositories/RepositoryEntry Before Title EP 1`] = `
73873
73899
  className="RepositoryEntry__ContentRightContainer-sc-6jys82-0 wkQgn is-flex is-flex-direction-column is-justify-content-space-between is-relative mr-4"
73874
73900
  >
73875
73901
  <span
73876
- className="is-flex is-justify-content-flex-end is-align-items-flex-end"
73902
+ className="is-flex is-justify-content-flex-end is-align-items-center"
73877
73903
  >
73904
+ <a
73905
+ className="RepositoryEntry__ContactActionWrapper-sc-6jys82-3 kIKRYU is-size-5"
73906
+ href="mailto:heart-of-gold@hitchhiker.com"
73907
+ tabIndex={1}
73908
+ target="_blank"
73909
+ title="overview.contact"
73910
+ >
73911
+ <i
73912
+ className="fas fa-fw fa-envelope has-text-info RepositoryEntry__QuickAction-sc-6jys82-1 jDQqzI is-clickable"
73913
+ onKeyPress={[Function]}
73914
+ tabIndex={-1}
73915
+ />
73916
+ </a>
73878
73917
  <i
73879
73918
  aria-label="overview.clone"
73880
- className="fas fa-fw fa-download has-text-info RepositoryEntry__QuickAction-sc-6jys82-1 khGtCz is-clickable is-size-5"
73919
+ className="fas fa-fw fa-download has-text-info RepositoryEntry__QuickAction-sc-6jys82-1 jDQqzI is-clickable is-size-5"
73881
73920
  onClick={[Function]}
73882
73921
  onKeyPress={[Function]}
73883
73922
  tabIndex={-1}
@@ -73941,7 +73980,7 @@ exports[`Storyshots Repositories/RepositoryEntry Default 1`] = `
73941
73980
  className="is-flex"
73942
73981
  >
73943
73982
  <strong
73944
- className="RepositoryEntry__Name-sc-6jys82-2 gIldrI"
73983
+ className="RepositoryEntry__Name-sc-6jys82-4 flPsOa"
73945
73984
  >
73946
73985
  heartOfGold
73947
73986
  </strong>
@@ -73969,11 +74008,24 @@ exports[`Storyshots Repositories/RepositoryEntry Default 1`] = `
73969
74008
  className="RepositoryEntry__ContentRightContainer-sc-6jys82-0 wkQgn is-flex is-flex-direction-column is-justify-content-space-between is-relative mr-4"
73970
74009
  >
73971
74010
  <span
73972
- className="is-flex is-justify-content-flex-end is-align-items-flex-end"
74011
+ className="is-flex is-justify-content-flex-end is-align-items-center"
73973
74012
  >
74013
+ <a
74014
+ className="RepositoryEntry__ContactActionWrapper-sc-6jys82-3 kIKRYU is-size-5"
74015
+ href="mailto:heart-of-gold@hitchhiker.com"
74016
+ tabIndex={1}
74017
+ target="_blank"
74018
+ title="overview.contact"
74019
+ >
74020
+ <i
74021
+ className="fas fa-fw fa-envelope has-text-info RepositoryEntry__QuickAction-sc-6jys82-1 jDQqzI is-clickable"
74022
+ onKeyPress={[Function]}
74023
+ tabIndex={-1}
74024
+ />
74025
+ </a>
73974
74026
  <i
73975
74027
  aria-label="overview.clone"
73976
- className="fas fa-fw fa-download has-text-info RepositoryEntry__QuickAction-sc-6jys82-1 khGtCz is-clickable is-size-5"
74028
+ className="fas fa-fw fa-download has-text-info RepositoryEntry__QuickAction-sc-6jys82-1 jDQqzI is-clickable is-size-5"
73977
74029
  onClick={[Function]}
73978
74030
  onKeyPress={[Function]}
73979
74031
  tabIndex={-1}
@@ -74037,7 +74089,7 @@ exports[`Storyshots Repositories/RepositoryEntry Exporting 1`] = `
74037
74089
  className="is-flex"
74038
74090
  >
74039
74091
  <strong
74040
- className="RepositoryEntry__Name-sc-6jys82-2 gIldrI"
74092
+ className="RepositoryEntry__Name-sc-6jys82-4 flPsOa"
74041
74093
  >
74042
74094
  heartOfGold
74043
74095
  </strong>
@@ -74076,11 +74128,24 @@ exports[`Storyshots Repositories/RepositoryEntry Exporting 1`] = `
74076
74128
  className="RepositoryEntry__ContentRightContainer-sc-6jys82-0 wkQgn is-flex is-flex-direction-column is-justify-content-space-between is-relative mr-4"
74077
74129
  >
74078
74130
  <span
74079
- className="is-flex is-justify-content-flex-end is-align-items-flex-end"
74131
+ className="is-flex is-justify-content-flex-end is-align-items-center"
74080
74132
  >
74133
+ <a
74134
+ className="RepositoryEntry__ContactActionWrapper-sc-6jys82-3 kIKRYU is-size-5"
74135
+ href="mailto:heart-of-gold@hitchhiker.com"
74136
+ tabIndex={1}
74137
+ target="_blank"
74138
+ title="overview.contact"
74139
+ >
74140
+ <i
74141
+ className="fas fa-fw fa-envelope has-text-info RepositoryEntry__QuickAction-sc-6jys82-1 jDQqzI is-clickable"
74142
+ onKeyPress={[Function]}
74143
+ tabIndex={-1}
74144
+ />
74145
+ </a>
74081
74146
  <i
74082
74147
  aria-label="overview.clone"
74083
- className="fas fa-fw fa-download has-text-info RepositoryEntry__QuickAction-sc-6jys82-1 khGtCz is-clickable is-size-5"
74148
+ className="fas fa-fw fa-download has-text-info RepositoryEntry__QuickAction-sc-6jys82-1 jDQqzI is-clickable is-size-5"
74084
74149
  onClick={[Function]}
74085
74150
  onKeyPress={[Function]}
74086
74151
  tabIndex={-1}
@@ -74144,7 +74209,7 @@ exports[`Storyshots Repositories/RepositoryEntry HealthCheck Failure 1`] = `
74144
74209
  className="is-flex"
74145
74210
  >
74146
74211
  <strong
74147
- className="RepositoryEntry__Name-sc-6jys82-2 gIldrI"
74212
+ className="RepositoryEntry__Name-sc-6jys82-4 flPsOa"
74148
74213
  >
74149
74214
  heartOfGold
74150
74215
  </strong>
@@ -74184,11 +74249,24 @@ exports[`Storyshots Repositories/RepositoryEntry HealthCheck Failure 1`] = `
74184
74249
  className="RepositoryEntry__ContentRightContainer-sc-6jys82-0 wkQgn is-flex is-flex-direction-column is-justify-content-space-between is-relative mr-4"
74185
74250
  >
74186
74251
  <span
74187
- className="is-flex is-justify-content-flex-end is-align-items-flex-end"
74252
+ className="is-flex is-justify-content-flex-end is-align-items-center"
74188
74253
  >
74254
+ <a
74255
+ className="RepositoryEntry__ContactActionWrapper-sc-6jys82-3 kIKRYU is-size-5"
74256
+ href="mailto:heart-of-gold@hitchhiker.com"
74257
+ tabIndex={1}
74258
+ target="_blank"
74259
+ title="overview.contact"
74260
+ >
74261
+ <i
74262
+ className="fas fa-fw fa-envelope has-text-info RepositoryEntry__QuickAction-sc-6jys82-1 jDQqzI is-clickable"
74263
+ onKeyPress={[Function]}
74264
+ tabIndex={-1}
74265
+ />
74266
+ </a>
74189
74267
  <i
74190
74268
  aria-label="overview.clone"
74191
- className="fas fa-fw fa-download has-text-info RepositoryEntry__QuickAction-sc-6jys82-1 khGtCz is-clickable is-size-5"
74269
+ className="fas fa-fw fa-download has-text-info RepositoryEntry__QuickAction-sc-6jys82-1 jDQqzI is-clickable is-size-5"
74192
74270
  onClick={[Function]}
74193
74271
  onKeyPress={[Function]}
74194
74272
  tabIndex={-1}
@@ -74252,7 +74330,7 @@ exports[`Storyshots Repositories/RepositoryEntry MultiRepositoryTags 1`] = `
74252
74330
  className="is-flex"
74253
74331
  >
74254
74332
  <strong
74255
- className="RepositoryEntry__Name-sc-6jys82-2 gIldrI"
74333
+ className="RepositoryEntry__Name-sc-6jys82-4 flPsOa"
74256
74334
  >
74257
74335
  heartOfGold
74258
74336
  </strong>
@@ -74301,11 +74379,24 @@ exports[`Storyshots Repositories/RepositoryEntry MultiRepositoryTags 1`] = `
74301
74379
  className="RepositoryEntry__ContentRightContainer-sc-6jys82-0 wkQgn is-flex is-flex-direction-column is-justify-content-space-between is-relative mr-4"
74302
74380
  >
74303
74381
  <span
74304
- className="is-flex is-justify-content-flex-end is-align-items-flex-end"
74382
+ className="is-flex is-justify-content-flex-end is-align-items-center"
74305
74383
  >
74384
+ <a
74385
+ className="RepositoryEntry__ContactActionWrapper-sc-6jys82-3 kIKRYU is-size-5"
74386
+ href="mailto:heart-of-gold@hitchhiker.com"
74387
+ tabIndex={1}
74388
+ target="_blank"
74389
+ title="overview.contact"
74390
+ >
74391
+ <i
74392
+ className="fas fa-fw fa-envelope has-text-info RepositoryEntry__QuickAction-sc-6jys82-1 jDQqzI is-clickable"
74393
+ onKeyPress={[Function]}
74394
+ tabIndex={-1}
74395
+ />
74396
+ </a>
74306
74397
  <i
74307
74398
  aria-label="overview.clone"
74308
- className="fas fa-fw fa-download has-text-info RepositoryEntry__QuickAction-sc-6jys82-1 khGtCz is-clickable is-size-5"
74399
+ className="fas fa-fw fa-download has-text-info RepositoryEntry__QuickAction-sc-6jys82-1 jDQqzI is-clickable is-size-5"
74309
74400
  onClick={[Function]}
74310
74401
  onKeyPress={[Function]}
74311
74402
  tabIndex={-1}
@@ -74369,7 +74460,7 @@ exports[`Storyshots Repositories/RepositoryEntry RepositoryFlag EP 1`] = `
74369
74460
  className="is-flex"
74370
74461
  >
74371
74462
  <strong
74372
- className="RepositoryEntry__Name-sc-6jys82-2 gIldrI"
74463
+ className="RepositoryEntry__Name-sc-6jys82-4 flPsOa"
74373
74464
  >
74374
74465
  heartOfGold
74375
74466
  </strong>
@@ -74409,11 +74500,24 @@ exports[`Storyshots Repositories/RepositoryEntry RepositoryFlag EP 1`] = `
74409
74500
  className="RepositoryEntry__ContentRightContainer-sc-6jys82-0 wkQgn is-flex is-flex-direction-column is-justify-content-space-between is-relative mr-4"
74410
74501
  >
74411
74502
  <span
74412
- className="is-flex is-justify-content-flex-end is-align-items-flex-end"
74503
+ className="is-flex is-justify-content-flex-end is-align-items-center"
74413
74504
  >
74505
+ <a
74506
+ className="RepositoryEntry__ContactActionWrapper-sc-6jys82-3 kIKRYU is-size-5"
74507
+ href="mailto:heart-of-gold@hitchhiker.com"
74508
+ tabIndex={1}
74509
+ target="_blank"
74510
+ title="overview.contact"
74511
+ >
74512
+ <i
74513
+ className="fas fa-fw fa-envelope has-text-info RepositoryEntry__QuickAction-sc-6jys82-1 jDQqzI is-clickable"
74514
+ onKeyPress={[Function]}
74515
+ tabIndex={-1}
74516
+ />
74517
+ </a>
74414
74518
  <i
74415
74519
  aria-label="overview.clone"
74416
- className="fas fa-fw fa-download has-text-info RepositoryEntry__QuickAction-sc-6jys82-1 khGtCz is-clickable is-size-5"
74520
+ className="fas fa-fw fa-download has-text-info RepositoryEntry__QuickAction-sc-6jys82-1 jDQqzI is-clickable is-size-5"
74417
74521
  onClick={[Function]}
74418
74522
  onKeyPress={[Function]}
74419
74523
  tabIndex={-1}
@@ -74477,7 +74581,7 @@ exports[`Storyshots Repositories/RepositoryEntry With long texts 1`] = `
74477
74581
  className="is-flex"
74478
74582
  >
74479
74583
  <strong
74480
- className="RepositoryEntry__Name-sc-6jys82-2 gIldrI"
74584
+ className="RepositoryEntry__Name-sc-6jys82-4 flPsOa"
74481
74585
  >
74482
74586
  veeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeery-loooooooooooooooooooooooooooooooooooooooooooooooooooong-repooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo-naaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaame
74483
74587
  </strong>
@@ -74505,11 +74609,24 @@ exports[`Storyshots Repositories/RepositoryEntry With long texts 1`] = `
74505
74609
  className="RepositoryEntry__ContentRightContainer-sc-6jys82-0 wkQgn is-flex is-flex-direction-column is-justify-content-space-between is-relative mr-4"
74506
74610
  >
74507
74611
  <span
74508
- className="is-flex is-justify-content-flex-end is-align-items-flex-end"
74612
+ className="is-flex is-justify-content-flex-end is-align-items-center"
74509
74613
  >
74614
+ <a
74615
+ className="RepositoryEntry__ContactActionWrapper-sc-6jys82-3 kIKRYU is-size-5"
74616
+ href="mailto:heart-of-gold@hitchhiker.com"
74617
+ tabIndex={1}
74618
+ target="_blank"
74619
+ title="overview.contact"
74620
+ >
74621
+ <i
74622
+ className="fas fa-fw fa-envelope has-text-info RepositoryEntry__QuickAction-sc-6jys82-1 jDQqzI is-clickable"
74623
+ onKeyPress={[Function]}
74624
+ tabIndex={-1}
74625
+ />
74626
+ </a>
74510
74627
  <i
74511
74628
  aria-label="overview.clone"
74512
- className="fas fa-fw fa-download has-text-info RepositoryEntry__QuickAction-sc-6jys82-1 khGtCz is-clickable is-size-5"
74629
+ className="fas fa-fw fa-download has-text-info RepositoryEntry__QuickAction-sc-6jys82-1 jDQqzI is-clickable is-size-5"
74513
74630
  onClick={[Function]}
74514
74631
  onKeyPress={[Function]}
74515
74632
  tabIndex={-1}
@@ -25,13 +25,14 @@ import React, { FC, useState } from "react";
25
25
  import { Repository } from "@scm-manager/ui-types";
26
26
  import { DateFromNow, Modal } from "@scm-manager/ui-components";
27
27
  import RepositoryAvatar from "./RepositoryAvatar";
28
- import { ExtensionPoint } from "@scm-manager/ui-extensions";
28
+ import { binder, ExtensionPoint } from "@scm-manager/ui-extensions";
29
29
  import GroupEntry from "../layout/GroupEntry";
30
30
  import RepositoryFlags from "./RepositoryFlags";
31
31
  import styled from "styled-components";
32
32
  import Icon from "../Icon";
33
33
  import { useTranslation } from "react-i18next";
34
34
  import classNames from "classnames";
35
+ import { EXTENSION_POINT } from "../avatar/Avatar";
35
36
 
36
37
  type DateProp = Date | string;
37
38
 
@@ -47,11 +48,22 @@ const ContentRightContainer = styled.div`
47
48
  `;
48
49
 
49
50
  const QuickAction = styled(Icon)`
51
+ margin-top: 0.2rem;
50
52
  :hover {
51
53
  color: #363636 !important;
52
54
  }
53
55
  `;
54
56
 
57
+ const ContactAvatar = styled.img`
58
+ max-width: 20px;
59
+ `;
60
+
61
+ const ContactActionWrapper = styled.a`
62
+ height: 20px;
63
+ width: 20px;
64
+ padding-right: 2rem;
65
+ `;
66
+
55
67
  const Name = styled.strong`
56
68
  text-overflow: ellipsis;
57
69
  overflow-x: hidden;
@@ -63,6 +75,15 @@ const RepositoryEntry: FC<Props> = ({ repository, baseDate }) => {
63
75
  const [t] = useTranslation("repos");
64
76
  const [openCloneModal, setOpenCloneModal] = useState(false);
65
77
 
78
+ const avatarFactory = binder.getExtension(EXTENSION_POINT);
79
+
80
+ const renderContactIcon = () => {
81
+ if (avatarFactory) {
82
+ return <ContactAvatar src={avatarFactory({ mail: repository.contact })} alt={repository.contact} />;
83
+ }
84
+ return <QuickAction className={classNames("is-clickable")} name="envelope" color="info" />;
85
+ };
86
+
66
87
  const createContentRight = () => (
67
88
  <ContentRightContainer
68
89
  className={classNames(
@@ -83,14 +104,25 @@ const RepositoryEntry: FC<Props> = ({ repository, baseDate }) => {
83
104
  name="repos.repository-details.information"
84
105
  renderAll={true}
85
106
  props={{
86
- repository,
107
+ repository
87
108
  }}
88
109
  />
89
110
  }
90
111
  closeFunction={() => setOpenCloneModal(false)}
91
112
  />
92
113
  )}
93
- <span className={classNames("is-flex", "is-justify-content-flex-end", "is-align-items-flex-end")}>
114
+ <span className={classNames("is-flex", "is-justify-content-flex-end", "is-align-items-center")}>
115
+ {repository.contact ? (
116
+ <ContactActionWrapper
117
+ href={`mailto:${repository.contact}`}
118
+ target="_blank"
119
+ className={"is-size-5"}
120
+ title={t("overview.contact", { contact: repository.contact })}
121
+ tabIndex={1}
122
+ >
123
+ {renderContactIcon()}
124
+ </ContactActionWrapper>
125
+ ) : null}
94
126
  <QuickAction
95
127
  className={classNames("is-clickable", "is-size-5")}
96
128
  name="download"