Release notes UI fixes
This commit is contained in:
yash-signal
GitHub
parent
c530192236
commit
447b1adee3
13 changed files with 74 additions and 30 deletions
|
|
@ -1 +1,4 @@
|
|||
<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#official-compact__a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.911.71a1.4 1.4 0 0 1 2.178 0l.667.826a.6.6 0 0 0 .623.202l1.025-.275a1.4 1.4 0 0 1 1.761 1.28l.055 1.06a.6.6 0 0 0 .385.53l.991.379a1.4 1.4 0 0 1 .673 2.071l-.579.89a.6.6 0 0 0 0 .654l.58.89a1.4 1.4 0 0 1-.674 2.071l-.991.38a.6.6 0 0 0-.385.53l-.055 1.06a1.4 1.4 0 0 1-1.761 1.28l-1.025-.276a.6.6 0 0 0-.623.202l-.667.825a1.4 1.4 0 0 1-2.178 0l-.667-.825a.6.6 0 0 0-.623-.202l-1.025.275a1.4 1.4 0 0 1-1.761-1.28l-.055-1.06a.6.6 0 0 0-.385-.53l-.991-.379a1.4 1.4 0 0 1-.673-2.07l.579-.89a.6.6 0 0 0 0-.655l-.579-.89a1.4 1.4 0 0 1 .673-2.071l.991-.38a.6.6 0 0 0 .385-.529l.055-1.06a1.4 1.4 0 0 1 1.761-1.28l1.025.275a.6.6 0 0 0 .623-.202L6.91.711Zm4.009 5.27a.65.65 0 1 0-1.09-.71L7.078 9.506l-1.19-1.53a.65.65 0 0 0-1.026.8l1.75 2.25a.65.65 0 0 0 1.058-.046l3.25-5Z" fill="#000"/></g><defs><clipPath id="official-compact__a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>
|
||||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.71684 1.55346C7.37724 0.736493 8.6228 0.736493 9.2832 1.55346L9.71883 2.09237C9.80587 2.20004 9.9482 2.24629 10.0819 2.21034L10.7511 2.03041C11.7656 1.75764 12.7733 2.48976 12.8273 3.53888L12.863 4.23092C12.8701 4.36919 12.9581 4.49026 13.0874 4.53977L13.7345 4.78755C14.7156 5.16317 15.1005 6.34777 14.5276 7.22831L14.1497 7.80915C14.0742 7.9252 14.0742 8.07485 14.1497 8.1909L14.5276 8.77174C15.1005 9.65228 14.7156 10.8369 13.7345 11.2125L13.0874 11.4603C12.9581 11.5098 12.8701 11.6309 12.863 11.7691L12.8273 12.4612C12.7733 13.5103 11.7656 14.2424 10.7511 13.9696L10.0819 13.7897C9.9482 13.7538 9.80587 13.8 9.71884 13.9077L9.2832 14.4466C8.6228 15.2636 7.37724 15.2636 6.71684 14.4466L6.2812 13.9077C6.19417 13.8 6.05184 13.7538 5.91814 13.7897L5.24894 13.9696C4.23446 14.2424 3.22678 13.5103 3.17271 12.4612L3.13703 11.7691C3.12991 11.6309 3.04194 11.5098 2.91265 11.4603L2.2655 11.2125C1.28444 10.8369 0.899538 9.65228 1.47245 8.77174L1.85036 8.1909C1.92587 8.07485 1.92587 7.9252 1.85036 7.80915L1.47245 7.22831C0.899538 6.34777 1.28444 5.16317 2.2655 4.78755L2.91264 4.53977C3.04194 4.49026 3.12991 4.36919 3.13703 4.23092L3.17271 3.53888C3.22678 2.48977 4.23446 1.75764 5.24894 2.03041L5.91814 2.21034C6.05184 2.24629 6.19417 2.20004 6.2812 2.09237L6.71684 1.55346ZM8.27221 2.37071C8.13212 2.19741 7.86792 2.19741 7.72783 2.37071L7.2922 2.90961C6.88188 3.41721 6.2109 3.63522 5.58059 3.46575L4.9114 3.28582C4.6962 3.22796 4.48245 3.38326 4.47098 3.6058L4.43531 4.29784C4.40171 4.94968 3.98703 5.52044 3.37748 5.75383L2.73033 6.0016C2.52223 6.08128 2.44058 6.33256 2.56211 6.51934L2.94002 7.10018C3.29598 7.64728 3.29598 8.35278 2.94002 8.89987L2.56211 9.48071C2.44058 9.66749 2.52223 9.91877 2.73033 9.99845L3.37748 10.2462C3.98703 10.4796 4.40171 11.0504 4.43531 11.7022L4.47098 12.3943C4.48245 12.6168 4.6962 12.7721 4.9114 12.7142L5.58059 12.5343C6.21091 12.3648 6.88188 12.5828 7.2922 13.0904L7.72783 13.6293C7.86792 13.8026 8.13212 13.8026 8.27221 13.6293L8.70784 13.0904C9.11816 12.5828 9.78914 12.3648 10.4194 12.5343L11.0886 12.7142C11.3038 12.7721 11.5176 12.6168 11.5291 12.3943L11.5647 11.7022C11.5983 11.0504 12.013 10.4796 12.6226 10.2462L13.2697 9.99845C13.4778 9.91877 13.5595 9.66749 13.4379 9.48071L13.06 8.89987C12.7041 8.35278 12.7041 7.64727 13.06 7.10018L13.4379 6.51934C13.5595 6.33256 13.4778 6.08128 13.2697 6.0016L12.6226 5.75382C12.013 5.52044 11.5983 4.94968 11.5647 4.29784L11.5291 3.6058C11.5176 3.38326 11.3038 3.22796 11.0886 3.28582L10.4194 3.46575C9.78913 3.63522 9.11816 3.41721 8.70784 2.90961L8.27221 2.37071Z" fill="black" style="fill:black;fill-opacity:1;"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.3543 5.45504C10.6553 5.65068 10.7407 6.05328 10.545 6.35427L7.62001 10.8543C7.50541 11.0306 7.31261 11.1405 7.10253 11.1494C6.89245 11.1583 6.69104 11.0651 6.56194 10.8991L4.98694 8.87409C4.76655 8.59072 4.81759 8.18234 5.10096 7.96195C5.38432 7.74155 5.7927 7.7926 6.0131 8.07597L7.02759 9.38031L9.45503 5.64578C9.65067 5.3448 10.0533 5.2594 10.3543 5.45504Z" fill="black" style="fill:black;fill-opacity:1;"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1 KiB After Width: | Height: | Size: 3.2 KiB |
1
images/icons/v3/official/official-fill-compact.svg
Normal file
1
images/icons/v3/official/official-fill-compact.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#official-compact__a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.911.71a1.4 1.4 0 0 1 2.178 0l.667.826a.6.6 0 0 0 .623.202l1.025-.275a1.4 1.4 0 0 1 1.761 1.28l.055 1.06a.6.6 0 0 0 .385.53l.991.379a1.4 1.4 0 0 1 .673 2.071l-.579.89a.6.6 0 0 0 0 .654l.58.89a1.4 1.4 0 0 1-.674 2.071l-.991.38a.6.6 0 0 0-.385.53l-.055 1.06a1.4 1.4 0 0 1-1.761 1.28l-1.025-.276a.6.6 0 0 0-.623.202l-.667.825a1.4 1.4 0 0 1-2.178 0l-.667-.825a.6.6 0 0 0-.623-.202l-1.025.275a1.4 1.4 0 0 1-1.761-1.28l-.055-1.06a.6.6 0 0 0-.385-.53l-.991-.379a1.4 1.4 0 0 1-.673-2.07l.579-.89a.6.6 0 0 0 0-.655l-.579-.89a1.4 1.4 0 0 1 .673-2.071l.991-.38a.6.6 0 0 0 .385-.529l.055-1.06a1.4 1.4 0 0 1 1.761-1.28l1.025.275a.6.6 0 0 0 .623-.202L6.91.711Zm4.009 5.27a.65.65 0 1 0-1.09-.71L7.078 9.506l-1.19-1.53a.65.65 0 0 0-1.026.8l1.75 2.25a.65.65 0 0 0 1.058-.046l3.25-5Z" fill="#000"/></g><defs><clipPath id="official-compact__a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>
|
||||
|
After Width: | Height: | Size: 1 KiB |
|
Before Width: | Height: | Size: 1,013 B After Width: | Height: | Size: 1,013 B |
|
|
@ -1,10 +1,19 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_1505_3717)">
|
||||
<path d="M9.12005 0.350618L9.39005 1.44187C8.32793 1.70308 7.31143 2.12346 6.37505 2.68874L5.79755 1.72499C6.82943 1.10199 7.9496 0.638627 9.12005 0.350618ZM14.8801 0.350618L14.6101 1.44187C15.6722 1.70308 16.6887 2.12346 17.6251 2.68874L18.2063 1.72499C17.1733 1.10164 16.0518 0.63827 14.8801 0.350618ZM1.72505 5.79749C1.10205 6.82937 0.638688 7.94954 0.350679 9.11999L1.44193 9.38999C1.70314 8.32787 2.12352 7.31137 2.6888 6.37499L1.72505 5.79749ZM1.12505 12C1.12469 11.4546 1.16543 10.9099 1.24693 10.3706L0.135054 10.2019C-0.0449366 11.3939 -0.0449366 12.6061 0.135054 13.7981L1.24693 13.6294C1.16543 13.0901 1.12469 12.5454 1.12505 12ZM18.2026 22.275L17.6251 21.3112C16.6898 21.8762 15.6746 22.2966 14.6138 22.5581L14.8838 23.6494C16.053 23.361 17.1718 22.8976 18.2026 22.275ZM22.8751 12C22.8754 12.5454 22.8347 13.0901 22.7532 13.6294L23.8651 13.7981C24.045 12.6061 24.045 11.3939 23.8651 10.2019L22.7532 10.3706C22.8347 10.9099 22.8754 11.4546 22.8751 12ZM23.6494 14.88L22.5582 14.61C22.297 15.6721 21.8766 16.6886 21.3113 17.625L22.2751 18.2062C22.8984 17.1732 23.3618 16.0517 23.6494 14.88ZM13.6294 22.755C12.5493 22.9175 11.4508 22.9175 10.3707 22.755L10.2019 23.8669C11.3939 24.0469 12.6062 24.0469 13.7982 23.8669L13.6294 22.755ZM20.7544 18.4519C20.1058 19.3303 19.329 20.1065 18.4501 20.7544L19.1176 21.66C20.0872 20.9471 20.9443 20.0925 21.6601 19.125L20.7544 18.4519ZM18.4501 3.24562C19.3292 3.89409 20.106 4.67088 20.7544 5.54999L21.6601 4.87499C20.9465 3.90801 20.092 3.05351 19.1251 2.33999L18.4501 3.24562ZM3.24568 5.54999C3.89415 4.67088 4.67094 3.89409 5.55005 3.24562L4.87505 2.33999C3.90807 3.05351 3.05357 3.90801 2.34005 4.87499L3.24568 5.54999ZM22.2751 5.79749L21.3113 6.37499C21.8762 7.3102 22.2966 8.32541 22.5582 9.38624L23.6494 9.11624C23.3611 7.94709 22.8977 6.82821 22.2751 5.79749ZM10.3707 1.24687C11.4508 1.08436 12.5493 1.08436 13.6294 1.24687L13.7982 0.134993C12.6062 -0.0449977 11.3939 -0.0449977 10.2019 0.134993L10.3707 1.24687ZM3.82318 21.9581L1.50005 22.5L2.04193 20.1769L0.946929 19.92L0.405054 22.2431C0.361409 22.4295 0.366042 22.6239 0.418516 22.808C0.470991 22.9921 0.56957 23.1598 0.704926 23.2951C0.840282 23.4305 1.00794 23.5291 1.19203 23.5815C1.37611 23.634 1.57055 23.6386 1.75693 23.595L4.07818 23.0625L3.82318 21.9581ZM1.1813 18.9169L2.2763 19.1719L2.6513 17.5612C2.10471 16.6426 1.69717 15.648 1.44193 14.61L0.350679 14.88C0.595311 15.8742 0.967127 16.8327 1.45693 17.7319L1.1813 18.9169ZM6.4313 21.3544L4.82068 21.7294L5.07568 22.8244L6.26068 22.5487C7.1598 23.0385 8.11833 23.4104 9.11255 23.655L9.38255 22.5637C8.34668 22.3055 7.3547 21.8954 6.4388 21.3469L6.4313 21.3544ZM12.0001 2.24999C10.258 2.2509 8.54799 2.71852 7.0479 3.60424C5.54781 4.48996 4.31242 5.76141 3.47022 7.28636C2.62803 8.81131 2.20978 10.5341 2.25899 12.2754C2.30821 14.0168 2.82308 15.7132 3.75005 17.1881L2.81255 21.1875L6.81193 20.25C8.09107 21.0556 9.54002 21.5528 11.0443 21.7022C12.5486 21.8517 14.0671 21.6493 15.4797 21.111C16.8923 20.5727 18.1604 19.7134 19.1839 18.6008C20.2073 17.4882 20.958 16.1529 21.3767 14.7003C21.7954 13.2477 21.8705 11.7177 21.5963 10.2311C21.322 8.74446 20.7058 7.34198 19.7964 6.13443C18.8869 4.92687 17.7092 3.94733 16.3561 3.27319C15.003 2.59904 13.5118 2.24875 12.0001 2.24999Z" fill="white"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_1505_3717">
|
||||
<rect width="24" height="24" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
<svg width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M60 0C63.1129 0 66.1704 0.237052 69.1554 0.694089L68.2971 6.25402C65.5919 5.83983 62.821 5.625 60 5.625C57.1791 5.625 54.4084 5.83981 51.7033 6.25396L50.845 0.694031C53.8299 0.237032 56.8873 0 60 0Z" fill="white"/>
|
||||
<path d="M74.2386 1.69964L72.9038 7.16531C78.386 8.49956 83.5428 10.6648 88.2334 13.5201L91.154 8.71185C85.9782 5.56117 80.2879 3.17191 74.2386 1.69964Z" fill="white"/>
|
||||
<path d="M95.4595 11.5943L92.1352 16.1324C96.6182 19.4219 100.578 23.3821 103.868 27.8651L108.406 24.5408C104.776 19.5941 100.406 15.2242 95.4595 11.5943Z" fill="white"/>
|
||||
<path d="M111.288 28.8463L106.48 31.767C109.335 36.4576 111.501 41.6145 112.835 47.0966L118.3 45.7618C116.828 39.7125 114.439 34.0221 111.288 28.8463Z" fill="white"/>
|
||||
<path d="M119.306 50.845L113.746 51.7033C114.16 54.4084 114.375 57.1791 114.375 60C114.375 62.821 114.16 65.5919 113.746 68.2971L119.306 69.1554C119.763 66.1703 120 63.1129 120 60C120 56.8873 119.763 53.8299 119.306 50.845Z" fill="white"/>
|
||||
<path d="M106.48 88.2334C109.335 83.5428 111.5 78.3859 112.835 72.9038L118.3 74.2386C116.828 80.2879 114.439 85.9782 111.288 91.1541L106.48 88.2334Z" fill="white"/>
|
||||
<path d="M103.868 92.1352L108.406 95.4595C104.776 100.406 100.406 104.776 95.4592 108.406L92.1349 103.868C96.6179 100.578 100.578 96.6182 103.868 92.1352Z" fill="white"/>
|
||||
<path d="M88.233 106.48L91.1537 111.288C85.9779 114.439 80.2875 116.828 74.2382 118.3L72.9034 112.835C78.3855 111.501 83.5424 109.335 88.233 106.48Z" fill="white"/>
|
||||
<path d="M68.2967 113.746L69.155 119.306C66.1701 119.763 63.1127 120 60 120C56.8871 120 53.8296 119.763 50.8445 119.306L51.7027 113.747C54.4067 114.16 57.1775 114.375 60 114.375C62.8209 114.375 65.5916 114.16 68.2967 113.746Z" fill="white"/>
|
||||
<path d="M47.0958 112.836L45.7613 118.3C41.2172 117.194 36.8756 115.571 32.8024 113.496L27.1079 114.825L25.8297 109.347L33.525 107.551L35.3557 108.484C39.0447 110.363 42.9774 111.834 47.0958 112.836Z" fill="white"/>
|
||||
<path d="M21.0823 110.455L22.3604 115.933L12.5995 118.21C6.10396 119.726 0.274262 113.896 1.7899 107.4L4.06746 97.6395L9.54531 98.9177L7.26776 108.679C6.6994 111.114 8.88552 113.301 11.3214 112.732L21.0823 110.455Z" fill="white"/>
|
||||
<path d="M10.6531 94.1702L5.1752 92.8921L6.50393 87.1976C4.42895 83.1243 2.8055 78.7825 1.69953 74.2382L7.16393 72.9036C8.16591 77.0223 9.63675 80.9552 11.5161 84.6443L12.4486 86.475L10.6531 94.1702Z" fill="white"/>
|
||||
<path d="M6.2532 68.2968L0.694021 69.155C0.237029 66.1701 0 63.1127 0 60C0 56.8871 0.237051 53.8297 0.694084 50.8446L6.25402 51.7029C5.83983 54.4081 5.625 57.179 5.625 60C5.625 62.8223 5.83959 65.5929 6.2532 68.2968Z" fill="white"/>
|
||||
<path d="M7.1653 47.0962L1.69963 45.7614C3.1719 39.7121 5.56116 34.0218 8.71184 28.846L13.5201 31.7667C10.6648 36.4572 8.49955 41.6141 7.1653 47.0962Z" fill="white"/>
|
||||
<path d="M16.1324 27.8648L11.5943 24.5405C15.2242 19.5938 19.594 15.2239 24.5408 11.5941L27.8651 16.1321C23.3821 19.4217 19.4219 23.3818 16.1324 27.8648Z" fill="white"/>
|
||||
<path d="M31.767 13.5199L28.8463 8.71166C34.0221 5.56101 39.7124 3.17178 45.7617 1.69955L47.0966 7.16521C41.6144 8.49942 36.4576 10.6647 31.767 13.5199Z" fill="white"/>
|
||||
<path d="M108.75 60C108.75 86.9239 86.9239 108.75 60 108.75C51.4601 108.75 43.433 106.554 36.4526 102.696C35.7805 102.325 34.9963 102.202 34.2485 102.377L12.5634 107.437L17.6233 85.7513C17.7978 85.0035 17.6752 84.2193 17.3037 83.5472C13.4459 76.5669 11.25 68.5399 11.25 60C11.25 33.0761 33.0761 11.25 60 11.25C86.9239 11.25 108.75 33.0761 108.75 60Z" fill="white"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 3.4 KiB After Width: | Height: | Size: 3.5 KiB |
|
|
@ -177,14 +177,14 @@
|
|||
&--signal-official {
|
||||
.module-Avatar__contents {
|
||||
align-items: center;
|
||||
background-color: variables.$color-ultramarine;
|
||||
background-color: #3640fd;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.module-Avatar__image {
|
||||
height: 66%;
|
||||
width: 66%;
|
||||
height: 62%;
|
||||
width: 62%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -288,7 +288,7 @@
|
|||
width: 100%;
|
||||
height: 100%;
|
||||
@include mixins.color-svg(
|
||||
'../images/icons/v3/official/official-compact.svg',
|
||||
'../images/icons/v3/official/official-fill-compact.svg',
|
||||
variables.$color-ultramarine
|
||||
);
|
||||
}
|
||||
|
|
@ -313,7 +313,7 @@
|
|||
width: 100%;
|
||||
height: 100%;
|
||||
@include mixins.color-svg(
|
||||
'../images/icons/v3/official/official.svg',
|
||||
'../images/icons/v3/official/official-fill.svg',
|
||||
variables.$color-ultramarine
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -266,6 +266,14 @@
|
|||
}
|
||||
}
|
||||
|
||||
&--official {
|
||||
&::after {
|
||||
@include details-icon(
|
||||
'../images/icons/v3/official/official-compact.svg'
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
&--heart {
|
||||
&::after {
|
||||
@include details-icon('../images/icons/v3/heart/heart.svg');
|
||||
|
|
|
|||
|
|
@ -45,11 +45,16 @@
|
|||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
@include mixins.font-title-2;
|
||||
@include mixins.font-title-1;
|
||||
margin-bottom: 2px;
|
||||
margin-top: 0;
|
||||
|
||||
color: light-dark(variables.$color-gray-90, variables.$color-gray-05);
|
||||
|
||||
.module-contact-name {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
&__with {
|
||||
|
|
@ -137,16 +142,16 @@
|
|||
|
||||
max-width: 255px;
|
||||
margin-inline: auto;
|
||||
margin-block-start: 10px;
|
||||
padding-block: 16px;
|
||||
padding-inline: 20px;
|
||||
|
||||
border-radius: 18px;
|
||||
background-color: #e0e8fc;
|
||||
margin-inline: auto;
|
||||
background-color: light-dark(#eeefff, #3b3d50);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
color: variables.$color-gray-75;
|
||||
color: light-dark(variables.$color-gray-75, variables.$color-gray-02);
|
||||
}
|
||||
|
||||
&__release-notes-notice-content {
|
||||
|
|
@ -162,8 +167,8 @@
|
|||
top: 3px;
|
||||
|
||||
@include mixins.color-svg(
|
||||
'../images/icons/v3/check/check-circle-fill.svg',
|
||||
variables.$color-borage-blue
|
||||
'../images/icons/v3/official/official-compact.svg',
|
||||
light-dark(variables.$color-gray-75, variables.$color-gray-05)
|
||||
);
|
||||
}
|
||||
|
||||
|
|
@ -178,7 +183,7 @@
|
|||
|
||||
@include mixins.color-svg(
|
||||
'../images/icons/v3/bell/bell-compact.svg',
|
||||
variables.$color-gray-75
|
||||
light-dark(variables.$color-gray-75, variables.$color-gray-05)
|
||||
);
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -43,6 +43,7 @@ export type PropsType = ContactNameData & {
|
|||
module?: string;
|
||||
preferFirstName?: boolean;
|
||||
onClick?: VoidFunction;
|
||||
largeVerifiedBadge?: boolean;
|
||||
};
|
||||
|
||||
export function ContactName({
|
||||
|
|
@ -54,6 +55,7 @@ export function ContactName({
|
|||
preferFirstName,
|
||||
title,
|
||||
onClick,
|
||||
largeVerifiedBadge,
|
||||
}: PropsType): JSX.Element {
|
||||
const getClassName = getClassNamesFor('module-contact-name', module);
|
||||
|
||||
|
|
@ -75,7 +77,13 @@ export function ContactName({
|
|||
>
|
||||
<Emojify text={text} />
|
||||
{(isSignalConversation || isMe) && (
|
||||
<span className="ContactModal__official-badge" />
|
||||
<span
|
||||
className={
|
||||
largeVerifiedBadge
|
||||
? 'ContactModal__official-badge__large'
|
||||
: 'ContactModal__official-badge'
|
||||
}
|
||||
/>
|
||||
)}
|
||||
</WrappingElement>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -120,6 +120,8 @@ DirectNoGroupsJustProfile.args = {
|
|||
|
||||
export const SignalConversation = Template.bind({});
|
||||
SignalConversation.args = {
|
||||
avatarUrl: 'images/profile-avatar.svg',
|
||||
title: 'Signal',
|
||||
isSignalConversation: true,
|
||||
phoneNumber: casual.phone,
|
||||
};
|
||||
|
|
|
|||
|
|
@ -291,10 +291,20 @@ export function ConversationHero({
|
|||
let titleElem: JSX.Element | undefined;
|
||||
|
||||
if (isMe) {
|
||||
titleElem = <>{i18n('icu:noteToSelf')}</>;
|
||||
titleElem = (
|
||||
<ContactName
|
||||
isMe={isMe}
|
||||
title={i18n('icu:noteToSelf')}
|
||||
largeVerifiedBadge={isMe}
|
||||
/>
|
||||
);
|
||||
} else if (isSignalConversation || conversationType !== 'direct') {
|
||||
titleElem = (
|
||||
<ContactName isSignalConversation={isSignalConversation} title={title} />
|
||||
<ContactName
|
||||
isSignalConversation={isSignalConversation}
|
||||
title={title}
|
||||
largeVerifiedBadge={isSignalConversation}
|
||||
/>
|
||||
);
|
||||
} else if (title) {
|
||||
titleElem = (
|
||||
|
|
@ -336,10 +346,7 @@ export function ConversationHero({
|
|||
theme={theme}
|
||||
title={title}
|
||||
/>
|
||||
<h1 className="module-conversation-hero__profile-name">
|
||||
{titleElem}
|
||||
{isMe && <span className="ContactModal__official-badge__large" />}
|
||||
</h1>
|
||||
<h1 className="module-conversation-hero__profile-name">{titleElem}</h1>
|
||||
{about && !isMe && (
|
||||
<div className="module-about__container">
|
||||
<About text={about} />
|
||||
|
|
|
|||
|
|
@ -495,7 +495,7 @@ export function ConversationDetails({
|
|||
icon={
|
||||
<ConversationDetailsIcon
|
||||
ariaLabel={i18n('icu:ConversationHero--signal-official-chat')}
|
||||
icon={IconType.timer}
|
||||
icon={IconType.official}
|
||||
/>
|
||||
}
|
||||
label={i18n('icu:ConversationHero--signal-official-chat')}
|
||||
|
|
|
|||
|
|
@ -26,6 +26,7 @@ export enum IconType {
|
|||
'mention' = 'mention',
|
||||
'mute' = 'mute',
|
||||
'notifications' = 'notifications',
|
||||
'official' = 'official',
|
||||
'reset' = 'reset',
|
||||
'share' = 'share',
|
||||
'spinner' = 'spinner',
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue