Fix trust center design elements
Signed-off-by: Jonathan <contact@grafikart.fr>
This commit is contained in:
Jonathan
committed by
Sacha Al Himdani
Sacha Al Himdani
parent
8ff4b81346
commit
3543de0bf8
10
apps/trust/public/logos/blank.svg
Normal file
10
apps/trust/public/logos/blank.svg
Normal file
@@ -0,0 +1,10 @@
|
||||
<svg width="76" height="76" viewBox="0 0 76 76" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M37.7021 0H37.702C16.8798 0 0 16.8798 0 37.702V37.7021C0 58.5243 16.8798 75.4041 37.702 75.4041H37.7021C58.5243 75.4041 75.4041 58.5243 75.4041 37.7021V37.702C75.4041 16.8798 58.5243 0 37.7021 0Z" fill="#F0F7E2"/>
|
||||
<path d="M38.0169 33.2129L36.7589 35.7618L33.9449 36.1706L35.9809 38.1548L35.4999 40.9566L38.0169 39.634L40.5329 40.9568L40.0519 38.1549L42.0879 36.1708L39.2749 35.7618L38.0169 33.2129ZM26.1859 36.7345L24.9279 39.2837L22.1149 39.6925L24.1509 41.6766L23.6699 44.4786L26.1859 43.1556L28.7029 44.4786L28.2219 41.6766L30.2579 39.6925L27.4439 39.2837L26.1859 36.7345ZM49.8469 36.7345L48.5889 39.2837L45.7749 39.6925L47.8109 41.6766L47.3309 44.4786L49.8469 43.1556L52.3629 44.4786L51.8819 41.6766L53.9179 39.6925L51.1049 39.2837L49.8469 36.7345ZM17.2239 45.7542L15.9659 48.3031L13.1519 48.7119L15.1879 50.696L14.7079 53.4979L17.2239 52.1752L19.7399 53.4979L19.2589 50.696L21.2949 48.712L18.4819 48.3031L17.2239 45.7542ZM58.8099 45.7542L57.5509 48.3031L54.7379 48.7119L56.7739 50.696L56.2929 53.4979L58.8099 52.1752L61.3249 53.4979L60.8449 50.696L62.8809 48.7119L60.0669 48.3029L58.8089 45.7539L58.8099 45.7542Z" fill="#93C926" fill-opacity="0.5"/>
|
||||
<path d="M38.959 49.6387C52.2929 49.6387 64.0618 51.8547 71.085 55.2324C64.8414 67.0976 52.4614 75.2261 38.1631 75.3975C37.4509 75.3927 36.7434 75.3824 36.041 75.3652C22.6698 74.7855 11.1065 67.2433 4.88477 56.2715C11.5348 52.316 24.3014 49.6387 38.959 49.6387Z" fill="#5D770D"/>
|
||||
<path d="M41.3359 54.0391V58.0684C41.3799 58.0246 41.4519 57.9808 41.5389 57.923C41.6409 57.8513 41.8439 57.7637 42.1489 57.6621C42.4529 57.5605 42.7859 57.5027 43.1209 57.5027C44.0189 57.5027 44.7739 57.8075 45.3809 58.4309C45.9909 59.0404 46.2939 59.7793 46.2939 60.6637C46.2939 61.548 45.9889 62.273 45.3649 62.8965C44.7559 63.5199 44.0029 63.8246 43.1189 63.8246C42.2339 63.8246 41.5089 63.5338 40.8859 62.9702C40.2619 62.4045 39.9439 61.6217 39.9439 60.6219V54.0391H41.3359ZM43.1189 58.8372C42.1189 58.8372 41.3359 59.6061 41.3359 60.6637C41.3359 61.7213 42.0889 62.4901 43.1189 62.4901C44.1479 62.4901 44.9009 61.7074 44.9009 60.6637C44.9009 59.62 44.1189 58.8372 43.1189 58.8372Z" fill="#FCFDFC"/>
|
||||
<path d="M33.5719 58.4321C34.1949 57.8086 34.9339 57.5039 35.8189 57.5039C36.7029 57.5039 37.4279 57.8086 38.0519 58.4321C38.6749 59.0555 38.9799 59.7944 38.9799 60.6648C38.9799 61.5352 38.6749 62.2881 38.0519 62.9116C37.4279 63.521 36.6889 63.8258 35.8189 63.8258C34.9479 63.8258 34.1949 63.521 33.5719 62.9116C32.9489 62.2881 32.6439 61.5492 32.6439 60.6648C32.6439 59.7805 32.9489 59.0555 33.5719 58.4321ZM34.0359 60.6648C34.0359 61.2006 34.2089 61.6368 34.5439 61.9834C34.8929 62.316 35.3129 62.4913 35.8189 62.4913C36.3249 62.4913 36.7469 62.318 37.0799 61.9834C37.4279 61.6348 37.6009 61.2006 37.6009 60.6648C37.6009 60.1291 37.4279 59.6929 37.0799 59.3602C36.7469 59.0117 36.3269 58.8384 35.8189 58.8384C35.3109 58.8384 34.8909 59.0117 34.5439 59.3602C34.2109 59.6929 34.0359 60.1291 34.0359 60.6648Z" fill="#FCFDFC"/>
|
||||
<path d="M48.1839 58.4321C48.8079 57.8086 49.5459 57.5039 50.4309 57.5039C51.3149 57.5039 52.0399 57.8086 52.6639 58.4321C53.2869 59.0555 53.5919 59.7944 53.5919 60.6648C53.5919 61.5352 53.2869 62.2881 52.6639 62.9116C52.0399 63.521 51.3009 63.8258 50.4309 63.8258C49.5599 63.8258 48.8079 63.521 48.1839 62.9116C47.5609 62.2881 47.2559 61.5492 47.2559 60.6648C47.2559 59.7805 47.5609 59.0555 48.1839 58.4321ZM48.6479 60.6648C48.6479 61.2006 48.8209 61.6368 49.1559 61.9834C49.5049 62.316 49.9249 62.4913 50.4309 62.4913C50.9369 62.4913 51.3589 62.318 51.6919 61.9834C52.0399 61.6348 52.2129 61.2006 52.2129 60.6648C52.2129 60.1291 52.0399 59.6929 51.6919 59.3602C51.3589 59.0117 50.9389 58.8384 50.4309 58.8384C49.9229 58.8384 49.5029 59.0117 49.1559 59.3602C48.8229 59.6929 48.6479 60.1291 48.6479 60.6648Z" fill="#FCFDFC"/>
|
||||
<path d="M23.3849 63.2601V67.2456H21.9929V60.7086C21.9929 59.7088 22.3119 58.926 22.9349 58.3603C23.5589 57.7947 24.3109 57.5059 25.1679 57.5059C26.0239 57.5059 26.8049 57.8106 27.4149 58.434C28.0379 59.0574 28.3429 59.7964 28.3429 60.6668C28.3429 61.5372 28.0379 62.2901 27.4309 62.9135C26.8209 63.523 26.0679 63.8277 25.1699 63.8277C24.4889 63.8277 23.8349 63.5967 23.5899 63.4075L23.3869 63.2621L23.3849 63.2601ZM25.1679 58.8384C24.1379 58.8384 23.3849 59.6211 23.3849 60.6648C23.3849 61.7085 24.1679 62.4913 25.1679 62.4913C26.1679 62.4913 26.9499 61.7224 26.9499 60.6648C26.9499 59.6072 26.1679 58.8384 25.1679 58.8384Z" fill="#FCFDFC"/>
|
||||
<path d="M30.6279 63.7507H29.2519V60.0679C29.2519 58.2853 30.2519 57.5742 31.5999 57.5742H31.9329V58.9087H31.6719C30.9769 58.9087 30.6279 59.3011 30.6279 60.0679V63.7507Z" fill="#FCFDFC"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.7 KiB |
11
apps/trust/public/logos/gdpr.svg
Normal file
11
apps/trust/public/logos/gdpr.svg
Normal file
@@ -0,0 +1,11 @@
|
||||
<svg width="76" height="76" viewBox="0 0 76 76" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M38.1062 0H38.1061C17.2839 0 0.404099 16.8798 0.404099 37.702V37.7021C0.404099 58.5243 17.2839 75.4041 38.1061 75.4041H38.1062C58.9284 75.4041 75.8082 58.5243 75.8082 37.7021V37.702C75.8082 16.8798 58.9284 0 38.1062 0Z" fill="#F0F7E2"/>
|
||||
<path d="M38.421 33.2129L37.163 35.7618L34.349 36.1706L36.385 38.1548L35.904 40.9566L38.421 39.634L40.937 40.9568L40.456 38.1549L42.492 36.1708L39.679 35.7618L38.421 33.2129ZM26.59 36.7345L25.332 39.2837L22.519 39.6925L24.555 41.6766L24.074 44.4786L26.59 43.1556L29.107 44.4786L28.626 41.6766L30.662 39.6925L27.848 39.2837L26.59 36.7345ZM50.251 36.7345L48.993 39.2837L46.179 39.6925L48.215 41.6766L47.735 44.4786L50.251 43.1556L52.767 44.4786L52.286 41.6766L54.322 39.6925L51.509 39.2837L50.251 36.7345ZM17.628 45.7542L16.37 48.3031L13.556 48.7119L15.592 50.696L15.112 53.4979L17.628 52.1752L20.144 53.4979L19.663 50.696L21.699 48.712L18.886 48.3031L17.628 45.7542ZM59.214 45.7542L57.955 48.3031L55.142 48.7119L57.178 50.696L56.697 53.4979L59.214 52.1752L61.729 53.4979L61.249 50.696L63.285 48.7119L60.471 48.3029L59.213 45.7539L59.214 45.7542Z" fill="#93C926" fill-opacity="0.5"/>
|
||||
<path d="M39.3631 49.6387C52.697 49.6387 64.4659 51.8547 71.4891 55.2324C65.2455 67.0976 52.8655 75.2261 38.5672 75.3975C37.855 75.3927 37.1475 75.3824 36.4451 75.3652C23.0739 74.7855 11.5106 67.2433 5.28886 56.2715C11.9389 52.316 24.7055 49.6387 39.3631 49.6387Z" fill="#5D770D"/>
|
||||
<path d="M41.74 54.0391V58.0684C41.784 58.0246 41.856 57.9808 41.943 57.923C42.045 57.8513 42.248 57.7637 42.553 57.6621C42.857 57.5605 43.19 57.5027 43.525 57.5027C44.423 57.5027 45.178 57.8075 45.785 58.4309C46.395 59.0404 46.698 59.7793 46.698 60.6637C46.698 61.548 46.393 62.273 45.769 62.8965C45.16 63.5199 44.407 63.8246 43.523 63.8246C42.638 63.8246 41.913 63.5338 41.29 62.9702C40.666 62.4045 40.348 61.6217 40.348 60.6219V54.0391H41.74ZM43.523 58.8372C42.523 58.8372 41.74 59.6061 41.74 60.6637C41.74 61.7213 42.493 62.4901 43.523 62.4901C44.552 62.4901 45.305 61.7074 45.305 60.6637C45.305 59.62 44.523 58.8372 43.523 58.8372Z" fill="#FCFDFC"/>
|
||||
<path d="M33.976 58.4321C34.599 57.8086 35.338 57.5039 36.223 57.5039C37.107 57.5039 37.832 57.8086 38.456 58.4321C39.079 59.0555 39.384 59.7944 39.384 60.6648C39.384 61.5352 39.079 62.2881 38.456 62.9116C37.832 63.521 37.093 63.8258 36.223 63.8258C35.352 63.8258 34.599 63.521 33.976 62.9116C33.353 62.2881 33.048 61.5492 33.048 60.6648C33.048 59.7805 33.353 59.0555 33.976 58.4321ZM34.44 60.6648C34.44 61.2006 34.613 61.6368 34.948 61.9834C35.297 62.316 35.717 62.4913 36.223 62.4913C36.729 62.4913 37.151 62.318 37.484 61.9834C37.832 61.6348 38.005 61.2006 38.005 60.6648C38.005 60.1291 37.832 59.6929 37.484 59.3602C37.151 59.0117 36.731 58.8384 36.223 58.8384C35.715 58.8384 35.295 59.0117 34.948 59.3602C34.615 59.6929 34.44 60.1291 34.44 60.6648Z" fill="#FCFDFC"/>
|
||||
<path d="M48.588 58.4321C49.212 57.8086 49.95 57.5039 50.835 57.5039C51.719 57.5039 52.444 57.8086 53.068 58.4321C53.691 59.0555 53.996 59.7944 53.996 60.6648C53.996 61.5352 53.691 62.2881 53.068 62.9116C52.444 63.521 51.705 63.8258 50.835 63.8258C49.964 63.8258 49.212 63.521 48.588 62.9116C47.965 62.2881 47.66 61.5492 47.66 60.6648C47.66 59.7805 47.965 59.0555 48.588 58.4321ZM49.052 60.6648C49.052 61.2006 49.225 61.6368 49.56 61.9834C49.909 62.316 50.329 62.4913 50.835 62.4913C51.341 62.4913 51.763 62.318 52.096 61.9834C52.444 61.6348 52.617 61.2006 52.617 60.6648C52.617 60.1291 52.444 59.6929 52.096 59.3602C51.763 59.0117 51.343 58.8384 50.835 58.8384C50.327 58.8384 49.907 59.0117 49.56 59.3602C49.227 59.6929 49.052 60.1291 49.052 60.6648Z" fill="#FCFDFC"/>
|
||||
<path d="M23.789 63.2601V67.2456H22.397V60.7086C22.397 59.7088 22.716 58.926 23.339 58.3603C23.963 57.7947 24.715 57.5059 25.572 57.5059C26.428 57.5059 27.209 57.8106 27.819 58.434C28.442 59.0574 28.747 59.7964 28.747 60.6668C28.747 61.5372 28.442 62.2901 27.835 62.9135C27.225 63.523 26.472 63.8277 25.574 63.8277C24.893 63.8277 24.239 63.5967 23.994 63.4075L23.791 63.2621L23.789 63.2601ZM25.572 58.8384C24.542 58.8384 23.789 59.6211 23.789 60.6648C23.789 61.7085 24.572 62.4913 25.572 62.4913C26.572 62.4913 27.354 61.7224 27.354 60.6648C27.354 59.6072 26.572 58.8384 25.572 58.8384Z" fill="#FCFDFC"/>
|
||||
<path d="M31.032 63.7507H29.656V60.0679C29.656 58.2853 30.656 57.5742 32.004 57.5742H32.337V58.9087H32.076C31.381 58.9087 31.032 59.3011 31.032 60.0679V63.7507Z" fill="#FCFDFC"/>
|
||||
<path d="M27.197 24.9857C27.131 24.7577 27.039 24.5562 26.92 24.3812C26.802 24.2031 26.656 24.0532 26.485 23.9314C26.316 23.8064 26.122 23.7111 25.904 23.6455C25.688 23.5799 25.449 23.5471 25.187 23.5471C24.696 23.5471 24.265 23.6689 23.893 23.9126C23.525 24.1563 23.237 24.5109 23.031 24.9763C22.825 25.4387 22.722 26.0041 22.722 26.6727C22.722 27.3412 22.823 27.9098 23.026 28.3784C23.229 28.8469 23.517 29.2046 23.889 29.4514C24.26 29.6951 24.699 29.8169 25.205 29.8169C25.665 29.8169 26.057 29.7357 26.382 29.5733C26.71 29.4077 26.959 29.175 27.131 28.8751C27.306 28.5752 27.394 28.2206 27.394 27.8113L27.806 27.8723H25.332V26.3446H29.348V27.5536C29.348 28.3971 29.17 29.1219 28.814 29.7279C28.457 30.3308 27.967 30.7963 27.342 31.1243C26.717 31.4492 26.002 31.6117 25.196 31.6117C24.296 31.6117 23.506 31.4133 22.825 31.0166C22.144 30.6167 21.613 30.0497 21.232 29.3155C20.854 28.5783 20.665 27.7036 20.665 26.6914C20.665 25.9135 20.777 25.22 21.002 24.6108C21.23 23.9985 21.549 23.4799 21.958 23.0551C22.367 22.6302 22.844 22.3069 23.387 22.0851C23.931 21.8633 24.52 21.7524 25.154 21.7524C25.697 21.7524 26.203 21.832 26.672 21.9914C27.141 22.1476 27.556 22.3694 27.919 22.6568C28.284 22.9442 28.582 23.2863 28.814 23.683C29.045 24.0766 29.193 24.5109 29.259 24.9857H27.197ZM34.274 31.4805H30.872V21.8836H34.302C35.267 21.8836 36.098 22.0757 36.795 22.46C37.492 22.8411 38.027 23.3893 38.402 24.1047C38.78 24.8201 38.969 25.6761 38.969 26.6727C38.969 27.6723 38.78 28.5314 38.402 29.2499C38.027 29.9685 37.488 30.5198 36.786 30.9041C36.086 31.2883 35.249 31.4805 34.274 31.4805ZM32.901 29.742H34.19C34.789 29.742 35.294 29.6358 35.703 29.4233C36.115 29.2078 36.425 28.8751 36.631 28.4252C36.84 27.9722 36.945 27.388 36.945 26.6727C36.945 25.9635 36.84 25.384 36.631 24.9342C36.425 24.4843 36.117 24.1532 35.708 23.9407C35.299 23.7283 34.794 23.6221 34.194 23.6221H32.901V29.742ZM40.472 31.4805V21.8836H44.259C44.986 21.8836 45.607 22.0226 46.119 22.3006C46.631 22.5755 47.022 22.9582 47.29 23.4487C47.562 23.936 47.698 24.4984 47.698 25.1357C47.698 25.7729 47.561 26.3353 47.286 26.8226C47.011 27.3099 46.612 27.6895 46.091 27.9613C45.572 28.2331 44.944 28.369 44.207 28.369H41.794V26.7429H43.879C44.269 26.7429 44.591 26.6758 44.844 26.5414C45.1 26.404 45.291 26.215 45.416 25.9744C45.544 25.7308 45.608 25.4512 45.608 25.1357C45.608 24.817 45.544 24.539 45.416 24.3015C45.291 24.061 45.1 23.8751 44.844 23.7439C44.588 23.6096 44.263 23.5424 43.87 23.5424H42.501V31.4805H40.472ZM49.016 31.4805V21.8836H52.802C53.527 21.8836 54.146 22.0132 54.658 22.2725C55.173 22.5287 55.565 22.8926 55.834 23.3644C56.106 23.833 56.242 24.3843 56.242 25.0185C56.242 25.6558 56.104 26.2041 55.829 26.6633C55.554 27.1194 55.156 27.4693 54.634 27.7129C54.116 27.9566 53.488 28.0784 52.751 28.0784H50.216V26.4477H52.423C52.81 26.4477 53.132 26.3946 53.388 26.2884C53.644 26.1822 53.835 26.0229 53.96 25.8104C54.088 25.598 54.152 25.334 54.152 25.0185C54.152 24.6999 54.088 24.4312 53.96 24.2125C53.835 23.9938 53.643 23.8283 53.383 23.7158C53.127 23.6002 52.804 23.5424 52.413 23.5424H51.045V31.4805H49.016ZM54.199 27.1131L56.584 31.4805H54.344L52.01 27.1131H54.199Z" fill="#141E12"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 7.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.0 KiB |
1
apps/trust/public/logos/hipaa.svg
Normal file
1
apps/trust/public/logos/hipaa.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 5.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.7 KiB |
1
apps/trust/public/logos/iso27001.svg
Normal file
1
apps/trust/public/logos/iso27001.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 5.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.6 KiB |
1
apps/trust/public/logos/soc2.svg
Normal file
1
apps/trust/public/logos/soc2.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 5.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.6 KiB |
@@ -92,25 +92,62 @@ export function AuditRow(props: { audit: AuditRowFragment$key }) {
|
||||
</Button>
|
||||
</RequestAccessDialog>
|
||||
)
|
||||
) : (
|
||||
<span className=" text-txt-secondary">{__("No report")}</span>
|
||||
)}
|
||||
) : null}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
const logos = {
|
||||
"ISO 27001 (2022)": "/trust/logos/iso27001.svg",
|
||||
"SOC 2": "/trust/logos/soc2.svg",
|
||||
HIPAA: "/trust/logos/hipaa.svg",
|
||||
GDPR: "/trust/logos/gdpr.svg",
|
||||
};
|
||||
|
||||
export function AuditRowAvatar(props: { audit: AuditRowFragment$key }) {
|
||||
const audit = useFragment(auditRowFragment, props.audit);
|
||||
return (
|
||||
<AuditDialog audit={props.audit}>
|
||||
<button className="block cursor-pointer aspect-square">
|
||||
<FrameworkLogo
|
||||
alt={audit.framework.name}
|
||||
name={audit.framework.name}
|
||||
className="size-full"
|
||||
/>
|
||||
</button>
|
||||
</AuditDialog>
|
||||
<>
|
||||
<AuditDialog audit={props.audit}>
|
||||
<button
|
||||
className="block cursor-pointer aspect-square"
|
||||
title={`Logo ${audit.framework.name}`}
|
||||
>
|
||||
<div
|
||||
className="bg-[#F0F7E2] aspect-square w-full rounded-full text-xs text-[#000] font-bold flex items-center justify-center pb-6 px-2"
|
||||
style={{ background: "url(/trust/logos/blank.svg) no-repeat" }}
|
||||
>
|
||||
<span className="line-clamp-2 overflow-hidden">
|
||||
{" "}
|
||||
{audit.framework.name}
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
</AuditDialog>
|
||||
<AuditDialog audit={props.audit}>
|
||||
<button
|
||||
className="block cursor-pointer aspect-square"
|
||||
title={`Logo ${audit.framework.name}`}
|
||||
>
|
||||
{audit.framework.name in logos ? (
|
||||
<img
|
||||
className="block aspect-square w-full"
|
||||
width={75}
|
||||
height={75}
|
||||
src={logos[audit.framework.name as keyof typeof logos]}
|
||||
alt={`Logo ${audit.framework.name}`}
|
||||
/>
|
||||
) : (
|
||||
<div
|
||||
className="bg-[#F0F7E2] aspect-square w-full rounded-full text-xs text-[#000] font-bold flex items-center justify-center pb-4 px-2"
|
||||
style={{ background: "url(/trust/logos/blank.png)" }}
|
||||
>
|
||||
{audit.framework.name}
|
||||
</div>
|
||||
)}
|
||||
</button>
|
||||
</AuditDialog>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
@@ -26,10 +26,10 @@ export function OrganizationSidebar({
|
||||
<img
|
||||
alt=""
|
||||
src={trustCenter.organization.logoUrl}
|
||||
className="size-24 rounded-2xl border border-border-mid shadow-mid"
|
||||
className="size-24 rounded-2xl border border-border-mid shadow-mid bg-level-1"
|
||||
/>
|
||||
) : (
|
||||
<div className="size-24 rounded-2xl border border-border-mid bg-level-1 shadow-mid" />
|
||||
<div className="size-24 rounded-2xl border border-border-mid shadow-mid bg-level-1" />
|
||||
)}
|
||||
<h1 className="text-2xl mt-6">{trustCenter.organization.name}</h1>
|
||||
<p className="text-sm text-txt-secondary mt-1">
|
||||
|
||||
@@ -24,23 +24,27 @@ export function VendorRow(props: { vendor: VendorRowFragment$key }) {
|
||||
return (
|
||||
<div className="flex text-sm leading-tight gap-3 md:items-center">
|
||||
{logo ? (
|
||||
<img src={logo} className="size-8 md:size-6 flex-none" alt="" />
|
||||
<img
|
||||
src={logo}
|
||||
className="size-8 md:size-6 flex-none rounded-lg"
|
||||
alt=""
|
||||
/>
|
||||
) : (
|
||||
<div className="size-8 md:size-6 flex-none" />
|
||||
<div className="size-8 md:size-6 flex-none rounded-lg" />
|
||||
)}
|
||||
<div className="flex flex-col md:flex-row flex-1 gap-0.5">
|
||||
<div className="flex flex-col md:grid grid-cols-[1fr_1fr_1fr] flex-1 gap-0.5">
|
||||
<div>{vendor.name}</div>
|
||||
{vendor.privacyPolicyUrl && (
|
||||
<a
|
||||
href={vendor.privacyPolicyUrl}
|
||||
target="_blank"
|
||||
className="text-txt-info md:mx-auto"
|
||||
className="text-txt-info"
|
||||
>
|
||||
{vendor.privacyPolicyUrl.split("//").at(-1)}
|
||||
</a>
|
||||
)}
|
||||
{vendor.countries.length > 0 && (
|
||||
<div className="flex gap-1 text-txt-secondary items-center">
|
||||
<div className="flex gap-1 text-txt-secondary items-center md:justify-end">
|
||||
<IconPin size={16} className="flex-none" />
|
||||
<span>
|
||||
{vendor.countries
|
||||
|
||||
@@ -59,6 +59,9 @@ export function OverviewPage() {
|
||||
);
|
||||
return (
|
||||
<div>
|
||||
<References
|
||||
references={fragment.references.edges.map((edge) => edge.node)}
|
||||
/>
|
||||
<h2 className="font-medium mb-1">{__("Documents")}</h2>
|
||||
<p className="text-sm text-txt-secondary mb-4">
|
||||
{__("Security and compliance documentation:")}
|
||||
@@ -104,10 +107,6 @@ export function OverviewPage() {
|
||||
<IconChevronRight size={16} />
|
||||
</Link>
|
||||
</Rows>
|
||||
|
||||
<References
|
||||
references={fragment.references.edges.map((edge) => edge.node)}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -121,8 +120,13 @@ type Reference = {
|
||||
|
||||
function References({ references }: { references: Reference[] }) {
|
||||
const { __ } = useTranslate();
|
||||
|
||||
if (references.length === 0) {
|
||||
return null;
|
||||
}
|
||||
|
||||
return (
|
||||
<div>
|
||||
<div className="mb-8">
|
||||
<h2 className="font-medium mb-4">{__("Trusted by")}</h2>
|
||||
<Card className="grid grid-cols-2 flex-wrap p-6 gap-4 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-7">
|
||||
{references.map((reference) => (
|
||||
|
||||
Reference in New Issue
Block a user