4nk/lecoffre-front
4
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Refacto page: folder no-folder

Browse Source
This commit is contained in:
Max S 2024-07-17 18:02:06 +02:00
parent 177ae253b0
commit 34fbe78beb
63 changed files with 287 additions and 174 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/front/Assets/logo_small_blue.svg
View File

@ -1,4 +1,4 @@
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M34.2668 11.4484C34.4117 11.6943 34.7078 11.814 34.985 11.7321L39.5905 10.3514C39.8362 10.2821 40 10.0552 40 9.80929V1.11585C40 0.498042 39.5023 0 38.8849 0H0.932437C0.371719 0 0.0315029 0.378271 0.0315029 0.926734L0 20.8353V38.8841C0 39.502 0.497719 40 1.11514 40H39.0676C39.6283 40 39.9685 39.6218 39.9685 39.067L40 19.1647V19.1016C40 18.3641 39.8929 17.8534 38.8912 18.1371L37.083 18.673C36.7932 18.7612 36.6042 19.0323 36.6168 19.3286L36.6483 19.9969C36.6483 27.9212 32.5217 33.6076 25.2386 35.8393C13.3249 39.4894 2.45708 30.134 3.42102 18.5532C4.08884 10.6036 10.4772 4.14814 18.4155 3.41685C25.1315 2.79904 31.1104 6.1718 34.2605 11.4358L34.2668 11.4484Z" fill="#013391"/> <path d="M34.2668 11.4484C34.4117 11.6943 34.7078 11.814 34.985 11.7321L39.5905 10.3514C39.8362 10.2821 40 10.0552 40 9.80929V1.11585C40 0.498042 39.5023 0 38.8849 0H0.932437C0.371719 0 0.0315029 0.378271 0.0315029 0.926734L0 20.8353V38.8841C0 39.502 0.497719 40 1.11514 40H39.0676C39.6283 40 39.9685 39.6218 39.9685 39.067L40 19.1647V19.1016C40 18.3641 39.8929 17.8534 38.8912 18.1371L37.083 18.673C36.7932 18.7612 36.6042 19.0323 36.6168 19.3286L36.6483 19.9969C36.6483 27.9212 32.5217 33.6076 25.2386 35.8393C13.3249 39.4894 2.45708 30.134 3.42102 18.5532C4.08884 10.6036 10.4772 4.14814 18.4155 3.41685C25.1315 2.79904 31.1104 6.1718 34.2605 11.4358L34.2668 11.4484Z" fill="#005BCB"/>
<path d="M26.2526 27.9906C27.9348 26.8306 29.2326 25.1537 29.9193 23.1931C30.1021 22.6572 30.247 22.0962 30.3352 21.5225C30.3919 21.1758 30.0643 20.8858 29.7303 20.9929L26.6369 21.9638C26.5046 22.0079 26.3975 22.1088 26.3471 22.2412C25.3706 24.6809 22.8505 26.3263 20.0028 25.9795C17.2244 25.6391 15.0005 23.3318 14.7548 20.5454C14.6729 19.6123 14.8052 18.7171 15.1013 17.9039C15.9518 15.6092 18.1632 13.9701 20.7526 13.9701C22.2142 13.9701 23.5561 14.4933 24.602 15.3633C24.7217 15.4642 24.8855 15.502 25.043 15.4516L27.9789 14.5311C28.1427 14.4807 28.2498 14.3546 28.2939 14.2159C28.3317 14.0709 28.3128 13.907 28.2057 13.7809C26.3093 11.5051 23.386 10.112 20.1414 10.3074C20.1036 10.3137 20.0658 10.32 20.028 10.32L19.0263 7.13005C18.9003 6.71398 18.4593 6.48071 18.0435 6.60679L15.7628 7.31917C15.347 7.45156 15.1139 7.89285 15.2462 8.30893L15.9896 10.6856C16.1219 11.1017 15.9581 11.5556 15.5927 11.7888C13.7845 12.9362 12.367 14.6635 11.6299 16.7061C11.3274 17.5256 11.1384 18.3956 11.0754 19.2971C11.0565 19.6312 11.0502 19.959 11.0628 20.2806C11.0817 20.7155 10.7982 21.1064 10.3824 21.2388L7.87493 22.0457C7.45912 22.1781 7.22601 22.6194 7.35201 23.0355L8.06394 25.3176C8.19624 25.7337 8.63726 25.9606 9.05308 25.8345L11.6047 25.0087C12.0079 24.8826 12.4552 25.0276 12.6883 25.3806C14.4271 27.9843 17.3883 29.7053 20.7526 29.7053C20.8975 29.7053 21.0361 29.7053 21.1747 29.7053C21.6157 29.6801 22.0126 29.9638 22.1449 30.3799L22.9198 32.8763C23.0521 33.2924 23.4931 33.5257 23.9089 33.3933L26.1896 32.6809C26.6054 32.5548 26.8322 32.1072 26.7062 31.6911L25.8872 29.0812C25.7612 28.6777 25.9061 28.2365 26.2526 27.9969V27.9906Z" fill="#013391"/> <path d="M26.2526 27.9906C27.9348 26.8306 29.2326 25.1537 29.9193 23.1931C30.1021 22.6572 30.247 22.0962 30.3352 21.5225C30.3919 21.1758 30.0643 20.8858 29.7303 20.9929L26.6369 21.9638C26.5046 22.0079 26.3975 22.1088 26.3471 22.2412C25.3706 24.6809 22.8505 26.3263 20.0028 25.9795C17.2244 25.6391 15.0005 23.3318 14.7548 20.5454C14.6729 19.6123 14.8052 18.7171 15.1013 17.9039C15.9518 15.6092 18.1632 13.9701 20.7526 13.9701C22.2142 13.9701 23.5561 14.4933 24.602 15.3633C24.7217 15.4642 24.8855 15.502 25.043 15.4516L27.9789 14.5311C28.1427 14.4807 28.2498 14.3546 28.2939 14.2159C28.3317 14.0709 28.3128 13.907 28.2057 13.7809C26.3093 11.5051 23.386 10.112 20.1414 10.3074C20.1036 10.3137 20.0658 10.32 20.028 10.32L19.0263 7.13005C18.9003 6.71398 18.4593 6.48071 18.0435 6.60679L15.7628 7.31917C15.347 7.45156 15.1139 7.89285 15.2462 8.30893L15.9896 10.6856C16.1219 11.1017 15.9581 11.5556 15.5927 11.7888C13.7845 12.9362 12.367 14.6635 11.6299 16.7061C11.3274 17.5256 11.1384 18.3956 11.0754 19.2971C11.0565 19.6312 11.0502 19.959 11.0628 20.2806C11.0817 20.7155 10.7982 21.1064 10.3824 21.2388L7.87493 22.0457C7.45912 22.1781 7.22601 22.6194 7.35201 23.0355L8.06394 25.3176C8.19624 25.7337 8.63726 25.9606 9.05308 25.8345L11.6047 25.0087C12.0079 24.8826 12.4552 25.0276 12.6883 25.3806C14.4271 27.9843 17.3883 29.7053 20.7526 29.7053C20.8975 29.7053 21.0361 29.7053 21.1747 29.7053C21.6157 29.6801 22.0126 29.9638 22.1449 30.3799L22.9198 32.8763C23.0521 33.2924 23.4931 33.5257 23.9089 33.3933L26.1896 32.6809C26.6054 32.5548 26.8322 32.1072 26.7062 31.6911L25.8872 29.0812C25.7612 28.6777 25.9061 28.2365 26.2526 27.9969V27.9906Z" fill="#005BCB"/>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

26
src/front/Assets/logo_standard_blue.svg
View File

@ -1,15 +1,15 @@
<svg width="264" height="40" viewBox="0 0 264 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="264" height="40" viewBox="0 0 264 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M57.3379 32.3839H67.4132V36.3293H52.4526V6.53737H57.3379V32.3839Z" fill="#013391"/> <path d="M57.3379 32.3839H67.4132V36.3293H52.4526V6.53737H57.3379V32.3839Z" fill="#005BCB"/>
<path d="M91.7161 26.3419H73.6726C73.8172 28.2268 74.5144 29.745 75.7744 30.8863C77.0293 32.0276 78.5734 32.6008 80.4015 32.6008C83.0301 32.6008 84.8892 31.5008 85.9736 29.3009H91.2462C90.5336 31.475 89.2374 33.2515 87.3679 34.6355C85.4985 36.0195 83.1747 36.7166 80.4015 36.7166C78.1448 36.7166 76.1204 36.2105 74.3336 35.1932C72.5469 34.181 71.1474 32.7506 70.1352 30.907C69.123 29.0634 68.6118 26.9306 68.6118 24.4983C68.6118 22.066 69.1024 19.9332 70.0887 18.0896C71.0751 16.246 72.4591 14.8258 74.2459 13.824C76.0327 12.8221 78.0828 12.3212 80.3963 12.3212C82.7099 12.3212 84.6103 12.8066 86.3558 13.7775C88.1012 14.7484 89.4543 16.1117 90.4303 17.8727C91.4011 19.6285 91.8866 21.6528 91.8866 23.9354C91.8866 24.8236 91.8298 25.6241 91.7161 26.3367V26.3419ZM86.7844 22.3965C86.7534 20.5942 86.1131 19.1534 84.8582 18.0689C83.5981 16.9844 82.0437 16.4422 80.1846 16.4422C78.4959 16.4422 77.0552 16.9793 75.8571 18.0483C74.659 19.1224 73.9412 20.5684 73.714 22.3965H86.7844Z" fill="#013391"/> <path d="M91.7161 26.3419H73.6726C73.8172 28.2268 74.5144 29.745 75.7744 30.8863C77.0293 32.0276 78.5734 32.6008 80.4015 32.6008C83.0301 32.6008 84.8892 31.5008 85.9736 29.3009H91.2462C90.5336 31.475 89.2374 33.2515 87.3679 34.6355C85.4985 36.0195 83.1747 36.7166 80.4015 36.7166C78.1448 36.7166 76.1204 36.2105 74.3336 35.1932C72.5469 34.181 71.1474 32.7506 70.1352 30.907C69.123 29.0634 68.6118 26.9306 68.6118 24.4983C68.6118 22.066 69.1024 19.9332 70.0887 18.0896C71.0751 16.246 72.4591 14.8258 74.2459 13.824C76.0327 12.8221 78.0828 12.3212 80.3963 12.3212C82.7099 12.3212 84.6103 12.8066 86.3558 13.7775C88.1012 14.7484 89.4543 16.1117 90.4303 17.8727C91.4011 19.6285 91.8866 21.6528 91.8866 23.9354C91.8866 24.8236 91.8298 25.6241 91.7161 26.3367V26.3419ZM86.7844 22.3965C86.7534 20.5942 86.1131 19.1534 84.8582 18.0689C83.5981 16.9844 82.0437 16.4422 80.1846 16.4422C78.4959 16.4422 77.0552 16.9793 75.8571 18.0483C74.659 19.1224 73.9412 20.5684 73.714 22.3965H86.7844Z" fill="#005BCB"/>
<path d="M97.9488 13.5245C99.307 11.2109 101.151 9.40347 103.48 8.10211C105.809 6.80074 108.36 6.15006 111.133 6.15006C114.304 6.15006 117.128 6.92985 119.597 8.48425C122.071 10.0438 123.862 12.2489 124.978 15.1047H119.106C118.337 13.5348 117.263 12.3625 115.894 11.5879C114.526 10.8133 112.935 10.4311 111.138 10.4311C109.165 10.4311 107.41 10.8752 105.865 11.7583C104.321 12.6466 103.113 13.9169 102.245 15.5746C101.373 17.2323 100.939 19.1585 100.939 21.3585C100.939 23.5584 101.373 25.4898 102.245 27.1475C103.118 28.8052 104.327 30.0859 105.865 30.9844C107.404 31.883 109.165 32.3323 111.138 32.3323C112.94 32.3323 114.526 31.9449 115.894 31.1755C117.263 30.406 118.337 29.2338 119.106 27.6587H124.978C123.862 30.5145 122.071 32.7144 119.597 34.2585C117.123 35.8026 114.304 36.572 111.133 36.572C108.334 36.572 105.772 35.9213 103.459 34.62C101.145 33.3186 99.307 31.5112 97.9488 29.1976C96.5907 26.8841 95.9141 24.2659 95.9141 21.3533C95.9141 18.4407 96.5907 15.8225 97.9488 13.509V13.5245Z" fill="#013391"/> <path d="M97.9488 13.5245C99.307 11.2109 101.151 9.40347 103.48 8.10211C105.809 6.80074 108.36 6.15006 111.133 6.15006C114.304 6.15006 117.128 6.92985 119.597 8.48425C122.071 10.0438 123.862 12.2489 124.978 15.1047H119.106C118.337 13.5348 117.263 12.3625 115.894 11.5879C114.526 10.8133 112.935 10.4311 111.138 10.4311C109.165 10.4311 107.41 10.8752 105.865 11.7583C104.321 12.6466 103.113 13.9169 102.245 15.5746C101.373 17.2323 100.939 19.1585 100.939 21.3585C100.939 23.5584 101.373 25.4898 102.245 27.1475C103.118 28.8052 104.327 30.0859 105.865 30.9844C107.404 31.883 109.165 32.3323 111.138 32.3323C112.94 32.3323 114.526 31.9449 115.894 31.1755C117.263 30.406 118.337 29.2338 119.106 27.6587H124.978C123.862 30.5145 122.071 32.7144 119.597 34.2585C117.123 35.8026 114.304 36.572 111.133 36.572C108.334 36.572 105.772 35.9213 103.459 34.62C101.145 33.3186 99.307 31.5112 97.9488 29.1976C96.5907 26.8841 95.9141 24.2659 95.9141 21.3533C95.9141 18.4407 96.5907 15.8225 97.9488 13.509V13.5245Z" fill="#005BCB"/>
<path d="M133.55 35.1932C131.748 34.181 130.333 32.7506 129.305 30.907C128.278 29.0634 127.761 26.9306 127.761 24.4983C127.761 22.066 128.288 19.9693 129.347 18.1102C130.405 16.2511 131.846 14.8258 133.674 13.824C135.502 12.8221 137.547 12.3212 139.804 12.3212C142.061 12.3212 144.106 12.8221 145.934 13.824C147.762 14.8258 149.208 16.2511 150.262 18.1102C151.32 19.9693 151.847 22.0969 151.847 24.4983C151.847 26.8996 151.305 29.0272 150.22 30.8863C149.136 32.7454 147.654 34.181 145.784 35.1932C143.915 36.2054 141.849 36.7166 139.592 36.7166C137.336 36.7166 135.347 36.2105 133.55 35.1932ZM143.125 31.568C144.225 30.9689 145.118 30.0652 145.805 28.8671C146.492 27.669 146.833 26.2076 146.833 24.4931C146.833 22.7786 146.502 21.3275 145.846 20.1449C145.19 18.9571 144.318 18.0637 143.233 17.4647C142.149 16.8657 140.976 16.5661 139.716 16.5661C138.456 16.5661 137.294 16.8657 136.225 17.4647C135.151 18.0637 134.304 18.9571 133.674 20.1449C133.044 21.3326 132.729 22.7786 132.729 24.4931C132.729 27.039 133.38 29.0014 134.681 30.3854C135.983 31.7694 137.62 32.4665 139.587 32.4665C140.842 32.4665 142.025 32.167 143.125 31.568Z" fill="#013391"/> <path d="M133.55 35.1932C131.748 34.181 130.333 32.7506 129.305 30.907C128.278 29.0634 127.761 26.9306 127.761 24.4983C127.761 22.066 128.288 19.9693 129.347 18.1102C130.405 16.2511 131.846 14.8258 133.674 13.824C135.502 12.8221 137.547 12.3212 139.804 12.3212C142.061 12.3212 144.106 12.8221 145.934 13.824C147.762 14.8258 149.208 16.2511 150.262 18.1102C151.32 19.9693 151.847 22.0969 151.847 24.4983C151.847 26.8996 151.305 29.0272 150.22 30.8863C149.136 32.7454 147.654 34.181 145.784 35.1932C143.915 36.2054 141.849 36.7166 139.592 36.7166C137.336 36.7166 135.347 36.2105 133.55 35.1932ZM143.125 31.568C144.225 30.9689 145.118 30.0652 145.805 28.8671C146.492 27.669 146.833 26.2076 146.833 24.4931C146.833 22.7786 146.502 21.3275 145.846 20.1449C145.19 18.9571 144.318 18.0637 143.233 17.4647C142.149 16.8657 140.976 16.5661 139.716 16.5661C138.456 16.5661 137.294 16.8657 136.225 17.4647C135.151 18.0637 134.304 18.9571 133.674 20.1449C133.044 21.3326 132.729 22.7786 132.729 24.4931C132.729 27.039 133.38 29.0014 134.681 30.3854C135.983 31.7694 137.62 32.4665 139.587 32.4665C140.842 32.4665 142.025 32.167 143.125 31.568Z" fill="#005BCB"/>
<path d="M161.964 16.6952V36.3241H157.037V16.6952H154.254V12.7085H157.037V11.0353C157.037 8.319 157.76 6.34114 159.201 5.09658C160.642 3.85202 162.909 3.23232 165.997 3.23232V7.30683C164.51 7.30683 163.467 7.58569 162.868 8.14342C162.269 8.70115 161.969 9.66684 161.969 11.0353V12.7085H166.343V16.6952H161.964Z" fill="#013391"/> <path d="M161.964 16.6952V36.3241H157.037V16.6952H154.254V12.7085H157.037V11.0353C157.037 8.319 157.76 6.34114 159.201 5.09658C160.642 3.85202 162.909 3.23232 165.997 3.23232V7.30683C164.51 7.30683 163.467 7.58569 162.868 8.14342C162.269 8.70115 161.969 9.66684 161.969 11.0353V12.7085H166.343V16.6952H161.964Z" fill="#005BCB"/>
<path d="M177.049 16.6952V36.3241H172.122V16.6952H169.339V12.7085H172.122V11.0353C172.122 8.319 172.845 6.34114 174.286 5.09658C175.727 3.85202 177.994 3.23232 181.082 3.23232V7.30683C179.595 7.30683 178.552 7.58569 177.953 8.14342C177.354 8.70115 177.054 9.66684 177.054 11.0353V12.7085H181.428V16.6952H177.049Z" fill="#013391"/> <path d="M177.049 16.6952V36.3241H172.122V16.6952H169.339V12.7085H172.122V11.0353C172.122 8.319 172.845 6.34114 174.286 5.09658C175.727 3.85202 177.994 3.23232 181.082 3.23232V7.30683C179.595 7.30683 178.552 7.58569 177.953 8.14342C177.354 8.70115 177.054 9.66684 177.054 11.0353V12.7085H181.428V16.6952H177.049Z" fill="#005BCB"/>
<path d="M192.587 13.3334C193.775 12.662 195.18 12.3264 196.811 12.3264V17.3821H195.567C193.651 17.3821 192.205 17.8675 191.219 18.8384C190.232 19.8092 189.742 21.4979 189.742 23.894V36.3241H184.856V12.7085H189.742V16.1375C190.454 14.9394 191.405 13.9996 192.592 13.3282L192.587 13.3334Z" fill="#013391"/> <path d="M192.587 13.3334C193.775 12.662 195.18 12.3264 196.811 12.3264V17.3821H195.567C193.651 17.3821 192.205 17.8675 191.219 18.8384C190.232 19.8092 189.742 21.4979 189.742 23.894V36.3241H184.856V12.7085H189.742V16.1375C190.454 14.9394 191.405 13.9996 192.592 13.3282L192.587 13.3334Z" fill="#005BCB"/>
<path d="M221.414 26.3419H203.37C203.515 28.2268 204.212 29.745 205.472 30.8863C206.727 32.0276 208.271 32.6008 210.099 32.6008C212.728 32.6008 214.587 31.5008 215.671 29.3009H220.944C220.231 31.475 218.935 33.2515 217.066 34.6355C215.196 36.0195 212.872 36.7166 210.099 36.7166C207.842 36.7166 205.818 36.2105 204.031 35.1932C202.244 34.181 200.845 32.7506 199.833 30.907C198.821 29.0634 198.309 26.9306 198.309 24.4983C198.309 22.066 198.8 19.9332 199.786 18.0896C200.773 16.246 202.157 14.8258 203.943 13.824C205.73 12.8221 207.78 12.3212 210.094 12.3212C212.408 12.3212 214.308 12.8066 216.053 13.7775C217.799 14.7484 219.152 16.1117 220.128 17.8727C221.099 19.6285 221.584 21.6528 221.584 23.9354C221.584 24.8236 221.527 25.6241 221.414 26.3367V26.3419ZM216.482 22.3965C216.451 20.5942 215.811 19.1534 214.556 18.0689C213.296 16.9844 211.741 16.4422 209.882 16.4422C208.194 16.4422 206.753 16.9793 205.555 18.0483C204.357 19.1224 203.639 20.5684 203.412 22.3965H216.482Z" fill="#013391"/> <path d="M221.414 26.3419H203.37C203.515 28.2268 204.212 29.745 205.472 30.8863C206.727 32.0276 208.271 32.6008 210.099 32.6008C212.728 32.6008 214.587 31.5008 215.671 29.3009H220.944C220.231 31.475 218.935 33.2515 217.066 34.6355C215.196 36.0195 212.872 36.7166 210.099 36.7166C207.842 36.7166 205.818 36.2105 204.031 35.1932C202.244 34.181 200.845 32.7506 199.833 30.907C198.821 29.0634 198.309 26.9306 198.309 24.4983C198.309 22.066 198.8 19.9332 199.786 18.0896C200.773 16.246 202.157 14.8258 203.943 13.824C205.73 12.8221 207.78 12.3212 210.094 12.3212C212.408 12.3212 214.308 12.8066 216.053 13.7775C217.799 14.7484 219.152 16.1117 220.128 17.8727C221.099 19.6285 221.584 21.6528 221.584 23.9354C221.584 24.8236 221.527 25.6241 221.414 26.3367V26.3419ZM216.482 22.3965C216.451 20.5942 215.811 19.1534 214.556 18.0689C213.296 16.9844 211.741 16.4422 209.882 16.4422C208.194 16.4422 206.753 16.9793 205.555 18.0483C204.357 19.1224 203.639 20.5684 203.412 22.3965H216.482Z" fill="#005BCB"/>
<path d="M226.04 35.9833C225.725 35.6683 225.57 35.2707 225.57 34.7852C225.57 34.2998 225.725 33.9022 226.04 33.5871C226.355 33.2721 226.753 33.1172 227.238 33.1172C227.693 33.1172 228.08 33.2721 228.395 33.5871C228.71 33.9022 228.865 34.2998 228.865 34.7852C228.865 35.2707 228.71 35.6735 228.395 35.9833C228.08 36.2983 227.693 36.4533 227.238 36.4533C226.753 36.4533 226.35 36.2983 226.04 35.9833Z" fill="#013391"/> <path d="M226.04 35.9833C225.725 35.6683 225.57 35.2707 225.57 34.7852C225.57 34.2998 225.725 33.9022 226.04 33.5871C226.355 33.2721 226.753 33.1172 227.238 33.1172C227.693 33.1172 228.08 33.2721 228.395 33.5871C228.71 33.9022 228.865 34.2998 228.865 34.7852C228.865 35.2707 228.71 35.6735 228.395 35.9833C228.08 36.2983 227.693 36.4533 227.238 36.4533C226.753 36.4533 226.35 36.2983 226.04 35.9833Z" fill="#005BCB"/>
<path d="M233.756 7.41528C233.441 7.11576 233.286 6.70779 233.286 6.19138C233.286 5.70595 233.441 5.30831 233.756 4.9933C234.071 4.67828 234.459 4.52336 234.913 4.52336C235.368 4.52336 235.755 4.67828 236.07 4.9933C236.385 5.30831 236.54 5.70595 236.54 6.19138C236.54 6.70779 236.385 7.11059 236.07 7.41528C235.755 7.7148 235.368 7.86456 234.913 7.86456C234.459 7.86456 234.071 7.7148 233.756 7.41528ZM235.858 13.0545V36.3293H233.927V13.0545H235.858Z" fill="#013391"/> <path d="M233.756 7.41528C233.441 7.11576 233.286 6.70779 233.286 6.19138C233.286 5.70595 233.441 5.30831 233.756 4.9933C234.071 4.67828 234.459 4.52336 234.913 4.52336C235.368 4.52336 235.755 4.67828 236.07 4.9933C236.385 5.30831 236.54 5.70595 236.54 6.19138C236.54 6.70779 236.385 7.11059 236.07 7.41528C235.755 7.7148 235.368 7.86456 234.913 7.86456C234.459 7.86456 234.071 7.7148 233.756 7.41528ZM235.858 13.0545V36.3293H233.927V13.0545H235.858Z" fill="#005BCB"/>
<path d="M246.145 35.2139C244.399 34.243 243.036 32.8487 242.05 31.0361C241.063 29.2235 240.573 27.101 240.573 24.6687C240.573 22.2364 241.074 20.1604 242.07 18.3478C243.072 16.5352 244.451 15.146 246.207 14.1906C247.963 13.2353 249.93 12.755 252.099 12.755C254.268 12.755 256.23 13.2353 257.971 14.1906C259.716 15.146 261.079 16.5248 262.066 18.3271C263.052 20.1294 263.543 22.2415 263.543 24.6687C263.543 27.0958 263.042 29.2183 262.045 31.0361C261.043 32.8487 259.665 34.243 257.909 35.2139C256.153 36.1847 254.185 36.6701 252.016 36.6701C249.847 36.6701 247.885 36.1847 246.145 35.2139ZM256.752 33.8195C258.224 33.0604 259.401 31.914 260.289 30.3699C261.172 28.8258 261.617 26.9254 261.617 24.6687C261.617 22.412 261.172 20.5529 260.289 19.0088C259.401 17.4647 258.234 16.3183 256.773 15.5591C255.316 14.8 253.741 14.423 252.058 14.423C250.374 14.423 248.809 14.8 247.364 15.5591C245.923 16.3183 244.756 17.4647 243.873 19.0088C242.984 20.5529 242.545 22.4378 242.545 24.6687C242.545 26.8996 242.979 28.8258 243.852 30.3699C244.725 31.914 245.881 33.0656 247.322 33.8195C248.763 34.5787 250.328 34.9557 252.016 34.9557C253.705 34.9557 255.28 34.5787 256.752 33.8195Z" fill="#013391"/> <path d="M246.145 35.2139C244.399 34.243 243.036 32.8487 242.05 31.0361C241.063 29.2235 240.573 27.101 240.573 24.6687C240.573 22.2364 241.074 20.1604 242.07 18.3478C243.072 16.5352 244.451 15.146 246.207 14.1906C247.963 13.2353 249.93 12.755 252.099 12.755C254.268 12.755 256.23 13.2353 257.971 14.1906C259.716 15.146 261.079 16.5248 262.066 18.3271C263.052 20.1294 263.543 22.2415 263.543 24.6687C263.543 27.0958 263.042 29.2183 262.045 31.0361C261.043 32.8487 259.665 34.243 257.909 35.2139C256.153 36.1847 254.185 36.6701 252.016 36.6701C249.847 36.6701 247.885 36.1847 246.145 35.2139ZM256.752 33.8195C258.224 33.0604 259.401 31.914 260.289 30.3699C261.172 28.8258 261.617 26.9254 261.617 24.6687C261.617 22.412 261.172 20.5529 260.289 19.0088C259.401 17.4647 258.234 16.3183 256.773 15.5591C255.316 14.8 253.741 14.423 252.058 14.423C250.374 14.423 248.809 14.8 247.364 15.5591C245.923 16.3183 244.756 17.4647 243.873 19.0088C242.984 20.5529 242.545 22.4378 242.545 24.6687C242.545 26.8996 242.979 28.8258 243.852 30.3699C244.725 31.914 245.881 33.0656 247.322 33.8195C248.763 34.5787 250.328 34.9557 252.016 34.9557C253.705 34.9557 255.28 34.5787 256.752 33.8195Z" fill="#005BCB"/>
<path d="M34.2668 11.4484C34.4117 11.6943 34.7078 11.814 34.985 11.7321L39.5905 10.3514C39.8362 10.2821 40 10.0552 40 9.80929V1.11585C40 0.498042 39.5023 0 38.8849 0H0.932437C0.371719 0 0.0315029 0.378271 0.0315029 0.926734L0 20.8353V38.8841C0 39.502 0.497719 40 1.11514 40H39.0676C39.6283 40 39.9685 39.6218 39.9685 39.067L40 19.1647V19.1016C40 18.3641 39.8929 17.8534 38.8912 18.1371L37.083 18.673C36.7932 18.7612 36.6042 19.0323 36.6168 19.3286L36.6483 19.9969C36.6483 27.9212 32.5217 33.6076 25.2386 35.8393C13.3249 39.4894 2.45708 30.134 3.42102 18.5532C4.08884 10.6036 10.4772 4.14814 18.4155 3.41685C25.1315 2.79904 31.1104 6.1718 34.2605 11.4358L34.2668 11.4484Z" fill="#013391"/> <path d="M34.2668 11.4484C34.4117 11.6943 34.7078 11.814 34.985 11.7321L39.5905 10.3514C39.8362 10.2821 40 10.0552 40 9.80929V1.11585C40 0.498042 39.5023 0 38.8849 0H0.932437C0.371719 0 0.0315029 0.378271 0.0315029 0.926734L0 20.8353V38.8841C0 39.502 0.497719 40 1.11514 40H39.0676C39.6283 40 39.9685 39.6218 39.9685 39.067L40 19.1647V19.1016C40 18.3641 39.8929 17.8534 38.8912 18.1371L37.083 18.673C36.7932 18.7612 36.6042 19.0323 36.6168 19.3286L36.6483 19.9969C36.6483 27.9212 32.5217 33.6076 25.2386 35.8393C13.3249 39.4894 2.45708 30.134 3.42102 18.5532C4.08884 10.6036 10.4772 4.14814 18.4155 3.41685C25.1315 2.79904 31.1104 6.1718 34.2605 11.4358L34.2668 11.4484Z" fill="#005BCB"/>
<path d="M26.2526 27.9906C27.9348 26.8306 29.2326 25.1537 29.9193 23.1931C30.1021 22.6572 30.247 22.0962 30.3352 21.5225C30.3919 21.1758 30.0643 20.8858 29.7303 20.9929L26.6369 21.9638C26.5046 22.0079 26.3975 22.1088 26.3471 22.2412C25.3706 24.6809 22.8505 26.3263 20.0028 25.9795C17.2244 25.6391 15.0005 23.3318 14.7548 20.5454C14.6729 19.6123 14.8052 18.7171 15.1013 17.9039C15.9518 15.6092 18.1632 13.9701 20.7526 13.9701C22.2142 13.9701 23.5561 14.4933 24.602 15.3633C24.7217 15.4642 24.8855 15.502 25.043 15.4516L27.9789 14.5311C28.1427 14.4807 28.2498 14.3546 28.2939 14.2159C28.3317 14.0709 28.3128 13.907 28.2057 13.7809C26.3093 11.5051 23.386 10.112 20.1414 10.3074C20.1036 10.3137 20.0658 10.32 20.028 10.32L19.0263 7.13005C18.9003 6.71398 18.4593 6.48071 18.0435 6.60679L15.7628 7.31917C15.347 7.45156 15.1139 7.89285 15.2462 8.30893L15.9896 10.6856C16.1219 11.1017 15.9581 11.5556 15.5927 11.7888C13.7845 12.9362 12.367 14.6635 11.6299 16.7061C11.3274 17.5256 11.1384 18.3956 11.0754 19.2971C11.0565 19.6312 11.0502 19.959 11.0628 20.2806C11.0817 20.7155 10.7982 21.1064 10.3824 21.2388L7.87493 22.0457C7.45912 22.1781 7.22601 22.6194 7.35201 23.0355L8.06394 25.3176C8.19624 25.7337 8.63726 25.9606 9.05308 25.8345L11.6047 25.0087C12.0079 24.8826 12.4552 25.0276 12.6883 25.3806C14.4271 27.9843 17.3883 29.7053 20.7526 29.7053C20.8975 29.7053 21.0361 29.7053 21.1747 29.7053C21.6157 29.6801 22.0126 29.9638 22.1449 30.3799L22.9198 32.8763C23.0521 33.2924 23.4931 33.5257 23.9089 33.3933L26.1896 32.6809C26.6054 32.5548 26.8322 32.1072 26.7062 31.6911L25.8872 29.0812C25.7612 28.6777 25.9061 28.2365 26.2526 27.9969V27.9906Z" fill="#013391"/> <path d="M26.2526 27.9906C27.9348 26.8306 29.2326 25.1537 29.9193 23.1931C30.1021 22.6572 30.247 22.0962 30.3352 21.5225C30.3919 21.1758 30.0643 20.8858 29.7303 20.9929L26.6369 21.9638C26.5046 22.0079 26.3975 22.1088 26.3471 22.2412C25.3706 24.6809 22.8505 26.3263 20.0028 25.9795C17.2244 25.6391 15.0005 23.3318 14.7548 20.5454C14.6729 19.6123 14.8052 18.7171 15.1013 17.9039C15.9518 15.6092 18.1632 13.9701 20.7526 13.9701C22.2142 13.9701 23.5561 14.4933 24.602 15.3633C24.7217 15.4642 24.8855 15.502 25.043 15.4516L27.9789 14.5311C28.1427 14.4807 28.2498 14.3546 28.2939 14.2159C28.3317 14.0709 28.3128 13.907 28.2057 13.7809C26.3093 11.5051 23.386 10.112 20.1414 10.3074C20.1036 10.3137 20.0658 10.32 20.028 10.32L19.0263 7.13005C18.9003 6.71398 18.4593 6.48071 18.0435 6.60679L15.7628 7.31917C15.347 7.45156 15.1139 7.89285 15.2462 8.30893L15.9896 10.6856C16.1219 11.1017 15.9581 11.5556 15.5927 11.7888C13.7845 12.9362 12.367 14.6635 11.6299 16.7061C11.3274 17.5256 11.1384 18.3956 11.0754 19.2971C11.0565 19.6312 11.0502 19.959 11.0628 20.2806C11.0817 20.7155 10.7982 21.1064 10.3824 21.2388L7.87493 22.0457C7.45912 22.1781 7.22601 22.6194 7.35201 23.0355L8.06394 25.3176C8.19624 25.7337 8.63726 25.9606 9.05308 25.8345L11.6047 25.0087C12.0079 24.8826 12.4552 25.0276 12.6883 25.3806C14.4271 27.9843 17.3883 29.7053 20.7526 29.7053C20.8975 29.7053 21.0361 29.7053 21.1747 29.7053C21.6157 29.6801 22.0126 29.9638 22.1449 30.3799L22.9198 32.8763C23.0521 33.2924 23.4931 33.5257 23.9089 33.3933L26.1896 32.6809C26.6054 32.5548 26.8322 32.1072 26.7062 31.6911L25.8872 29.0812C25.7612 28.6777 25.9061 28.2365 26.2526 27.9969V27.9906Z" fill="#005BCB"/>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.5 KiB

After

Width:  |  Height:  |  Size: 9.5 KiB

6
src/front/Components/DesignSystem/Button/index.tsx
View File

@ -4,7 +4,7 @@ import React, { CSSProperties } from "react";
import classes from "./classes.module.scss"; import classes from "./classes.module.scss";
import classNames from "classnames"; import classNames from "classnames";
export enum EButtonVariant { export enum EButtonColor {
PRIMARY = "primary", PRIMARY = "primary",
SECONDARY = "secondary", SECONDARY = "secondary",
NEUTRAL = "neutral", NEUTRAL = "neutral",
@ -29,7 +29,7 @@ export enum EButtonStyleType {
type IProps = { type IProps = {
onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined; onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
children?: React.ReactNode; children?: React.ReactNode;
variant?: EButtonVariant; variant?: EButtonColor;
size?: EButtonSize; size?: EButtonSize;
styleType?: EButtonStyleType; styleType?: EButtonStyleType;
fullwidth?: boolean; fullwidth?: boolean;
@ -44,7 +44,7 @@ type IProps = {
export default function Button(props: IProps) { export default function Button(props: IProps) {
let { let {
variant = EButtonVariant.PRIMARY, variant = EButtonColor.PRIMARY,
size = EButtonSize.LG, size = EButtonSize.LG,
styleType = EButtonStyleType.CONTAINED, styleType = EButtonStyleType.CONTAINED,
disabled = false, disabled = false,

6
src/front/Components/DesignSystem/DepositDocument/index.tsx
View File

@ -5,7 +5,7 @@ import DocumentCheckIcon from "@Assets/Icons/document-check.svg";
import Image from "next/image"; import Image from "next/image";
import React from "react"; import React from "react";
import Button, { EButtonStyleType, EButtonVariant } from "../Button"; import Button, { EButtonStyleType, EButtonColor } from "../Button";
import Tooltip from "../ToolTip"; import Tooltip from "../ToolTip";
import Typography, { ETypo, ETypoColor } from "../Typography"; import Typography, { ETypo, ETypoColor } from "../Typography";
import classes from "./classes.module.scss"; import classes from "./classes.module.scss";
@ -191,7 +191,7 @@ export default class DepositDocument extends React.Component<IProps, IState> {
{this.props.document.document_status !== EDocumentStatus.VALIDATED && ( {this.props.document.document_status !== EDocumentStatus.VALIDATED && (
<div className={classes["bottom-container"]}> <div className={classes["bottom-container"]}>
<Button <Button
variant={EButtonVariant.PRIMARY} variant={EButtonColor.PRIMARY}
styleType={EButtonStyleType.TEXT} styleType={EButtonStyleType.TEXT}
className={classes["add-button"]} className={classes["add-button"]}
onClick={this.addDocument}> onClick={this.addDocument}>
@ -295,7 +295,7 @@ export default class DepositDocument extends React.Component<IProps, IState> {
Document non conforme Document non conforme
{history.refused_reason && history.refused_reason.length > 0 && ( {history.refused_reason && history.refused_reason.length > 0 && (
<Button <Button
variant={EButtonVariant.PRIMARY} variant={EButtonColor.PRIMARY}
styleType={EButtonStyleType.TEXT} styleType={EButtonStyleType.TEXT}
className={classes["refused-button"]} className={classes["refused-button"]}
onClick={() => this.showRefusedReason(history.refused_reason ?? "")}> onClick={() => this.showRefusedReason(history.refused_reason ?? "")}>

4
src/front/Components/DesignSystem/DepositOtherDocument/index.tsx
View File

@ -12,7 +12,7 @@ import { Document } from "le-coffre-resources/dist/Customer";
import { EDocumentStatus } from "le-coffre-resources/dist/Customer/Document"; import { EDocumentStatus } from "le-coffre-resources/dist/Customer/Document";
import classNames from "classnames"; import classNames from "classnames";
import Button, { EButtonStyleType, EButtonVariant } from "../Button"; import Button, { EButtonStyleType, EButtonColor } from "../Button";
import Confirm from "../Modal/Confirm"; import Confirm from "../Modal/Confirm";
import Documents from "@Front/Api/LeCoffreApi/Customer/Documents/Documents"; import Documents from "@Front/Api/LeCoffreApi/Customer/Documents/Documents";
import Files from "@Front/Api/LeCoffreApi/Customer/Files/Files"; import Files from "@Front/Api/LeCoffreApi/Customer/Files/Files";
@ -155,7 +155,7 @@ export default class DepositOtherDocument extends React.Component<IProps, IState
)} )}
<div className={classes["bottom-container"]}> <div className={classes["bottom-container"]}>
<Button <Button
variant={EButtonVariant.PRIMARY} variant={EButtonColor.PRIMARY}
styleType={EButtonStyleType.TEXT} styleType={EButtonStyleType.TEXT}
className={classes["add-button"]} className={classes["add-button"]}
onClick={this.addDocument}> onClick={this.addDocument}>

4
src/front/Components/DesignSystem/DepositRib/index.tsx
View File

@ -6,7 +6,7 @@ import CrossIcon from "@Assets/Icons/cross.svg";
import DocumentCheckIcon from "@Assets/Icons/document-check.svg"; import DocumentCheckIcon from "@Assets/Icons/document-check.svg";
import Image from "next/image"; import Image from "next/image";
import Button, { EButtonStyleType, EButtonVariant } from "../Button"; import Button, { EButtonStyleType, EButtonColor } from "../Button";
import Typography, { ETypo, ETypoColor } from "../Typography"; import Typography, { ETypo, ETypoColor } from "../Typography";
type IProps = { type IProps = {
@ -161,7 +161,7 @@ export default class DepositRib extends React.Component<IProps, IState> {
<div className={classes["bottom-container"]}> <div className={classes["bottom-container"]}>
<Button <Button
variant={EButtonVariant.PRIMARY} variant={EButtonColor.PRIMARY}
styleType={EButtonStyleType.TEXT} styleType={EButtonStyleType.TEXT}
className={classes["add-button"]} className={classes["add-button"]}
onClick={() => this.fileInput!.click()}> onClick={() => this.fileInput!.click()}>

4
src/front/Components/DesignSystem/Modal/Alert/index.tsx
View File

@ -1,6 +1,6 @@
import React from "react"; import React from "react";
import Modal, { IProps as IPropsModal } from ".."; import Modal, { IProps as IPropsModal } from "..";
import Button, { EButtonVariant } from "../../Button"; import Button, { EButtonColor } from "../../Button";
import classes from "./classes.module.scss"; import classes from "./classes.module.scss";
type IProps = IPropsModal & { type IProps = IPropsModal & {
@ -40,7 +40,7 @@ export default class Alert extends React.Component<IProps, IState> {
private footer(): JSX.Element { private footer(): JSX.Element {
return ( return (
<div className={classes["button-container"]}> <div className={classes["button-container"]}>
<Button variant={EButtonVariant.SECONDARY} onClick={this.onClose}> <Button variant={EButtonColor.SECONDARY} onClick={this.onClose}>
{this.props.closeText} {this.props.closeText}
</Button> </Button>
</div> </div>

8
src/front/Components/DesignSystem/Modal/Confirm/index.tsx
View File

@ -2,7 +2,7 @@ import Link from "next/link";
import React from "react"; import React from "react";
import Modal, { IProps as IPropsModal } from ".."; import Modal, { IProps as IPropsModal } from "..";
import Button, { EButtonStyleType, EButtonVariant } from "../../Button"; import Button, { EButtonStyleType, EButtonColor } from "../../Button";
import classes from "./classes.module.scss"; import classes from "./classes.module.scss";
type IProps = IPropsModal & { type IProps = IPropsModal & {
@ -47,14 +47,14 @@ export default class Confirm extends React.Component<IProps, IState> {
{this.props.showCancelButton && {this.props.showCancelButton &&
(this.props.cancelPath ? ( (this.props.cancelPath ? (
<Link href={this.props.cancelPath} className={classes["sub-container"]}> <Link href={this.props.cancelPath} className={classes["sub-container"]}>
<Button variant={EButtonVariant.PRIMARY} styleType={EButtonStyleType.OUTLINED} onClick={this.props.onClose}> <Button variant={EButtonColor.PRIMARY} styleType={EButtonStyleType.OUTLINED} onClick={this.props.onClose}>
{this.props.cancelText} {this.props.cancelText}
</Button> </Button>
</Link> </Link>
) : ( ) : (
<div className={classes["sub-container"]}> <div className={classes["sub-container"]}>
<Button <Button
variant={EButtonVariant.PRIMARY} variant={EButtonColor.PRIMARY}
styleType={EButtonStyleType.OUTLINED} styleType={EButtonStyleType.OUTLINED}
onClick={this.props.onClose} onClick={this.props.onClose}
className={classes["sub-container"]}> className={classes["sub-container"]}>
@ -63,7 +63,7 @@ export default class Confirm extends React.Component<IProps, IState> {
</div> </div>
))} ))}
<div className={classes["sub-container"]}> <div className={classes["sub-container"]}>
<Button variant={EButtonVariant.PRIMARY} onClick={this.props.onAccept} disabled={!this.props.canConfirm} fullwidth> <Button variant={EButtonColor.PRIMARY} onClick={this.props.onAccept} disabled={!this.props.canConfirm} fullwidth>
{this.props.confirmText} {this.props.confirmText}
</Button> </Button>
</div> </div>

4
src/front/Components/DesignSystem/Newsletter/index.tsx
View File

@ -1,7 +1,7 @@
import React from "react"; import React from "react";
import classes from "./classes.module.scss"; import classes from "./classes.module.scss";
import TextField from "../Form/TextField"; import TextField from "../Form/TextField";
import Button, { EButtonVariant } from "../Button"; import Button, { EButtonColor } from "../Button";
import Typography, { ETypo, ETypoColor } from "../Typography"; import Typography, { ETypo, ETypoColor } from "../Typography";
import Mailchimp from "@Front/Api/LeCoffreApi/Notary/Mailchimp/Mailchimp"; import Mailchimp from "@Front/Api/LeCoffreApi/Notary/Mailchimp/Mailchimp";
import Form from "../Form"; import Form from "../Form";
@ -96,7 +96,7 @@ export default class Newsletter extends React.Component<IProps, IState> {
<Form onSubmit={this.handleSubmit} className={classes["form"]}> <Form onSubmit={this.handleSubmit} className={classes["form"]}>
<TextField name="EMAIL" placeholder="Email" onChange={this.handleChange} /> <TextField name="EMAIL" placeholder="Email" onChange={this.handleChange} />
<div className={classes["buttons-container"]}> <div className={classes["buttons-container"]}>
<Button fullwidth type="submit" variant={EButtonVariant.PRIMARY}> <Button fullwidth type="submit" variant={EButtonColor.PRIMARY}>
Envoyer Envoyer
</Button> </Button>
</div> </div>

4
src/front/Components/DesignSystem/Table/MuiTable/classes.module.scss
View File

@ -27,10 +27,6 @@
max-width: 270px; max-width: 270px;
width: 100%; width: 100%;
word-break: break-word; word-break: break-word;
> :first-child {
width: 80%;
}
} }
} }

1
src/front/Components/DesignSystem/Tag/classes.module.scss
View File

@ -1,6 +1,7 @@
@import "@Themes/constants.scss"; @import "@Themes/constants.scss";
.root { .root {
width: fit-content;
padding: 2px 8px; padding: 2px 8px;
border-radius: 360px; border-radius: 360px;

4
src/front/Components/DesignSystem/Tag/index.tsx
View File

@ -19,7 +19,7 @@ export enum ETagVariant {
type IProps = { type IProps = {
label: string; label: string;
color: ETagColor; color: ETagColor;
variant: ETagVariant; variant?: ETagVariant;
className?: string; className?: string;
}; };
@ -36,7 +36,7 @@ const typoMap: Record<ETagVariant, ETypo> = {
}; };
export default function Tag(props: IProps) { export default function Tag(props: IProps) {
const { className, label, color, variant } = props; const { className, label, color, variant = ETagVariant.REGULAR } = props;
return ( return (
<div className={classNames(classes["root"], className, classes[color])}> <div className={classNames(classes["root"], className, classes[color])}>

11
src/front/Components/DesignSystem/Typography/index.tsx
View File

@ -8,6 +8,7 @@ type IProps = {
color?: ETypoColor; color?: ETypoColor;
className?: string; className?: string;
title?: string; title?: string;
type?: "div" | "span";
}; };
export enum ETypo { export enum ETypo {
@ -142,10 +143,18 @@ export enum ETypoColor {
} }
export default function Typography(props: IProps) { export default function Typography(props: IProps) {
const { typo, color, className, title, children } = props; const { typo, color, className, title, children, type = "div" } = props;
const style = color ? ({ "--data-color": `var(${color})` } as React.CSSProperties) : undefined; const style = color ? ({ "--data-color": `var(${color})` } as React.CSSProperties) : undefined;
if (type === "span") {
return (
<span className={classNames(classes["root"], classes[typo], className)} style={style} title={title}>
{children}
</span>
);
}
return ( return (
<div className={classNames(classes["root"], classes[typo], className)} style={style} title={title}> <div className={classNames(classes["root"], classes[typo], className)} style={style} title={title}>
{children} {children}

4
src/front/Components/DesignSystem/UserFolder/index.tsx
View File

@ -10,7 +10,7 @@ import Image from "next/image";
import Link from "next/link"; import Link from "next/link";
import React from "react"; import React from "react";
import Button, { EButtonStyleType, EButtonVariant } from "../Button"; import Button, { EButtonStyleType, EButtonColor } from "../Button";
import Confirm from "../Modal/Confirm"; import Confirm from "../Modal/Confirm";
import QuantityProgressBar from "../QuantityProgressBar"; import QuantityProgressBar from "../QuantityProgressBar";
import classes from "./classes.module.scss"; import classes from "./classes.module.scss";
@ -138,7 +138,7 @@ export default class UserFolder extends React.Component<IProps, IState> {
{!this.props.isArchived && this.props.anchorStatus === AnchorStatus.NOT_ANCHORED && ( {!this.props.isArchived && this.props.anchorStatus === AnchorStatus.NOT_ANCHORED && (
<div className={classes["button-container"]}> <div className={classes["button-container"]}>
<Link href={redirectPath}> <Link href={redirectPath}>
<Button variant={EButtonVariant.PRIMARY} styleType={EButtonStyleType.TEXT} icon={PlusIcon}> <Button variant={EButtonColor.PRIMARY} styleType={EButtonStyleType.TEXT} icon={PlusIcon}>
Demander des documents Demander des documents
</Button> </Button>
</Link> </Link>

4
src/front/Components/Elements/BackArrow/index.tsx
View File

@ -1,5 +1,5 @@
import ChevronIcon from "@Assets/Icons/chevron.svg"; import ChevronIcon from "@Assets/Icons/chevron.svg";
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonStyleType, EButtonColor } from "@Front/Components/DesignSystem/Button";
import { NextRouter, useRouter } from "next/router"; import { NextRouter, useRouter } from "next/router";
import React from "react"; import React from "react";
@ -24,7 +24,7 @@ class BackArrowClass extends React.Component<IPropsClass, IState> {
icon={ChevronIcon} icon={ChevronIcon}
iconposition={"left"} iconposition={"left"}
iconstyle={{ transform: "rotate(180deg)", width: "22px", height: "22px" }} iconstyle={{ transform: "rotate(180deg)", width: "22px", height: "22px" }}
variant={EButtonVariant.PRIMARY} variant={EButtonColor.PRIMARY}
styleType={EButtonStyleType.TEXT} styleType={EButtonStyleType.TEXT}
onClick={this.handleClick}> onClick={this.handleClick}>
Retour Retour

4
src/front/Components/LayoutTemplates/DefaultCollaboratorDashboard/index.tsx
View File

@ -1,6 +1,6 @@
import ChevronIcon from "@Assets/Icons/chevron.svg"; import ChevronIcon from "@Assets/Icons/chevron.svg";
import Users, { IGetUsersparams } from "@Front/Api/LeCoffreApi/Admin/Users/Users"; import Users, { IGetUsersparams } from "@Front/Api/LeCoffreApi/Admin/Users/Users";
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonStyleType, EButtonColor } from "@Front/Components/DesignSystem/Button";
import Header from "@Front/Components/DesignSystem/Header"; import Header from "@Front/Components/DesignSystem/Header";
import Version from "@Front/Components/DesignSystem/Version"; import Version from "@Front/Components/DesignSystem/Version";
import BackArrow from "@Front/Components/Elements/BackArrow"; import BackArrow from "@Front/Components/Elements/BackArrow";
@ -72,7 +72,7 @@ export default class DefaultCollaboratorDashboard extends React.Component<IProps
icon={ChevronIcon} icon={ChevronIcon}
iconposition={"left"} iconposition={"left"}
iconstyle={{ transform: "rotate(180deg)", width: "22px", height: "22px" }} iconstyle={{ transform: "rotate(180deg)", width: "22px", height: "22px" }}
variant={EButtonVariant.PRIMARY} variant={EButtonColor.PRIMARY}
styleType={EButtonStyleType.TEXT} styleType={EButtonStyleType.TEXT}
onClick={this.onOpenLeftSide}> onClick={this.onOpenLeftSide}>
{this.props.mobileBackText ?? "Retour"} {this.props.mobileBackText ?? "Retour"}

4
src/front/Components/LayoutTemplates/DefaultDeedTypeDashboard/index.tsx
View File

@ -1,6 +1,6 @@
import ChevronIcon from "@Assets/Icons/chevron.svg"; import ChevronIcon from "@Assets/Icons/chevron.svg";
import DeedTypes, { IGetDeedTypesParams } from "@Front/Api/LeCoffreApi/Notary/DeedTypes/DeedTypes"; import DeedTypes, { IGetDeedTypesParams } from "@Front/Api/LeCoffreApi/Notary/DeedTypes/DeedTypes";
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonStyleType, EButtonColor } from "@Front/Components/DesignSystem/Button";
import Header from "@Front/Components/DesignSystem/Header"; import Header from "@Front/Components/DesignSystem/Header";
import Version from "@Front/Components/DesignSystem/Version"; import Version from "@Front/Components/DesignSystem/Version";
import BackArrow from "@Front/Components/Elements/BackArrow"; import BackArrow from "@Front/Components/Elements/BackArrow";
@ -71,7 +71,7 @@ export default class DefaultDeedTypesDashboard extends React.Component<IProps, I
icon={ChevronIcon} icon={ChevronIcon}
iconposition={"left"} iconposition={"left"}
iconstyle={{ transform: "rotate(180deg)", width: "22px", height: "22px" }} iconstyle={{ transform: "rotate(180deg)", width: "22px", height: "22px" }}
variant={EButtonVariant.PRIMARY} variant={EButtonColor.PRIMARY}
styleType={EButtonStyleType.TEXT} styleType={EButtonStyleType.TEXT}
onClick={this.onOpenLeftSide}> onClick={this.onOpenLeftSide}>
{this.props.mobileBackText ?? "Retour"} {this.props.mobileBackText ?? "Retour"}

4
src/front/Components/LayoutTemplates/DefaultDocumentTypesDashboard/index.tsx
View File

@ -1,6 +1,6 @@
import ChevronIcon from "@Assets/Icons/chevron.svg"; import ChevronIcon from "@Assets/Icons/chevron.svg";
import DocumentTypes from "@Front/Api/LeCoffreApi/Notary/DocumentTypes/DocumentTypes"; import DocumentTypes from "@Front/Api/LeCoffreApi/Notary/DocumentTypes/DocumentTypes";
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonStyleType, EButtonColor } from "@Front/Components/DesignSystem/Button";
import Header from "@Front/Components/DesignSystem/Header"; import Header from "@Front/Components/DesignSystem/Header";
import Version from "@Front/Components/DesignSystem/Version"; import Version from "@Front/Components/DesignSystem/Version";
import BackArrow from "@Front/Components/Elements/BackArrow"; import BackArrow from "@Front/Components/Elements/BackArrow";
@ -72,7 +72,7 @@ export default class DefaultDocumentTypesDashboard extends React.Component<IProp
icon={ChevronIcon} icon={ChevronIcon}
iconposition={"left"} iconposition={"left"}
iconstyle={{ transform: "rotate(180deg)", width: "22px", height: "22px" }} iconstyle={{ transform: "rotate(180deg)", width: "22px", height: "22px" }}
variant={EButtonVariant.PRIMARY} variant={EButtonColor.PRIMARY}
styleType={EButtonStyleType.TEXT} styleType={EButtonStyleType.TEXT}
onClick={this.onOpenLeftSide}> onClick={this.onOpenLeftSide}>
{this.props.mobileBackText ?? "Retour"} {this.props.mobileBackText ?? "Retour"}

4
src/front/Components/LayoutTemplates/DefaultNotaryDashboard/index.tsx
View File

@ -1,6 +1,6 @@
import ChevronIcon from "@Assets/Icons/chevron.svg"; import ChevronIcon from "@Assets/Icons/chevron.svg";
import Folders, { IGetFoldersParams } from "@Front/Api/LeCoffreApi/Notary/Folders/Folders"; import Folders, { IGetFoldersParams } from "@Front/Api/LeCoffreApi/Notary/Folders/Folders";
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonStyleType, EButtonColor } from "@Front/Components/DesignSystem/Button";
import FolderListContainer from "@Front/Components/DesignSystem/FolderListContainer"; import FolderListContainer from "@Front/Components/DesignSystem/FolderListContainer";
import FolderArchivedListContainer from "@Front/Components/DesignSystem/FolderArchivedListContainer"; import FolderArchivedListContainer from "@Front/Components/DesignSystem/FolderArchivedListContainer";
import Header from "@Front/Components/DesignSystem/Header"; import Header from "@Front/Components/DesignSystem/Header";
@ -88,7 +88,7 @@ export default class DefaultNotaryDashboard extends React.Component<IProps, ISta
icon={ChevronIcon} icon={ChevronIcon}
iconposition={"left"} iconposition={"left"}
iconstyle={{ transform: "rotate(180deg)", width: "22px", height: "22px" }} iconstyle={{ transform: "rotate(180deg)", width: "22px", height: "22px" }}
variant={EButtonVariant.PRIMARY} variant={EButtonColor.PRIMARY}
styleType={EButtonStyleType.TEXT} styleType={EButtonStyleType.TEXT}
onClick={this.onOpenLeftSide}> onClick={this.onOpenLeftSide}>
{this.props.mobileBackText ?? "Retour"} {this.props.mobileBackText ?? "Retour"}

4
src/front/Components/LayoutTemplates/DefaultOfficeDashboard/index.tsx
View File

@ -1,6 +1,6 @@
import ChevronIcon from "@Assets/Icons/chevron.svg"; import ChevronIcon from "@Assets/Icons/chevron.svg";
import Offices from "@Front/Api/LeCoffreApi/SuperAdmin/Offices/Offices"; import Offices from "@Front/Api/LeCoffreApi/SuperAdmin/Offices/Offices";
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonStyleType, EButtonColor } from "@Front/Components/DesignSystem/Button";
import Header from "@Front/Components/DesignSystem/Header"; import Header from "@Front/Components/DesignSystem/Header";
import Version from "@Front/Components/DesignSystem/Version"; import Version from "@Front/Components/DesignSystem/Version";
import BackArrow from "@Front/Components/Elements/BackArrow"; import BackArrow from "@Front/Components/Elements/BackArrow";
@ -69,7 +69,7 @@ export default class DefaultOfficeDashboard extends React.Component<IProps, ISta
icon={ChevronIcon} icon={ChevronIcon}
iconposition={"left"} iconposition={"left"}
iconstyle={{ transform: "rotate(180deg)", width: "22px", height: "22px" }} iconstyle={{ transform: "rotate(180deg)", width: "22px", height: "22px" }}
variant={EButtonVariant.PRIMARY} variant={EButtonColor.PRIMARY}
styleType={EButtonStyleType.TEXT} styleType={EButtonStyleType.TEXT}
onClick={this.onOpenLeftSide}> onClick={this.onOpenLeftSide}>
{this.props.mobileBackText ?? "Retour"} {this.props.mobileBackText ?? "Retour"}

4
src/front/Components/LayoutTemplates/DefaultRoleDashboard/index.tsx
View File

@ -1,6 +1,6 @@
import ChevronIcon from "@Assets/Icons/chevron.svg"; import ChevronIcon from "@Assets/Icons/chevron.svg";
import OfficeRoles, { IGetRolesParams } from "@Front/Api/LeCoffreApi/Admin/OfficeRoles/OfficeRoles"; import OfficeRoles, { IGetRolesParams } from "@Front/Api/LeCoffreApi/Admin/OfficeRoles/OfficeRoles";
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonStyleType, EButtonColor } from "@Front/Components/DesignSystem/Button";
import Header from "@Front/Components/DesignSystem/Header"; import Header from "@Front/Components/DesignSystem/Header";
import Version from "@Front/Components/DesignSystem/Version"; import Version from "@Front/Components/DesignSystem/Version";
import BackArrow from "@Front/Components/Elements/BackArrow"; import BackArrow from "@Front/Components/Elements/BackArrow";
@ -69,7 +69,7 @@ export default class DefaultRoleDashboard extends React.Component<IProps, IState
icon={ChevronIcon} icon={ChevronIcon}
iconposition={"left"} iconposition={"left"}
iconstyle={{ transform: "rotate(180deg)", width: "22px", height: "22px" }} iconstyle={{ transform: "rotate(180deg)", width: "22px", height: "22px" }}
variant={EButtonVariant.PRIMARY} variant={EButtonColor.PRIMARY}
styleType={EButtonStyleType.TEXT} styleType={EButtonStyleType.TEXT}
onClick={this.onOpenLeftSide}> onClick={this.onOpenLeftSide}>
{this.props.mobileBackText ?? "Retour"} {this.props.mobileBackText ?? "Retour"}

4
src/front/Components/LayoutTemplates/DefaultUserDashboard/index.tsx
View File

@ -1,6 +1,6 @@
import ChevronIcon from "@Assets/Icons/chevron.svg"; import ChevronIcon from "@Assets/Icons/chevron.svg";
import Users, { IGetUsersparams } from "@Front/Api/LeCoffreApi/SuperAdmin/Users/Users"; import Users, { IGetUsersparams } from "@Front/Api/LeCoffreApi/SuperAdmin/Users/Users";
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonStyleType, EButtonColor } from "@Front/Components/DesignSystem/Button";
import Header from "@Front/Components/DesignSystem/Header"; import Header from "@Front/Components/DesignSystem/Header";
import Version from "@Front/Components/DesignSystem/Version"; import Version from "@Front/Components/DesignSystem/Version";
import BackArrow from "@Front/Components/Elements/BackArrow"; import BackArrow from "@Front/Components/Elements/BackArrow";
@ -69,7 +69,7 @@ export default class DefaultUserDashboard extends React.Component<IProps, IState
icon={ChevronIcon} icon={ChevronIcon}
iconposition={"left"} iconposition={"left"}
iconstyle={{ transform: "rotate(180deg)", width: "22px", height: "22px" }} iconstyle={{ transform: "rotate(180deg)", width: "22px", height: "22px" }}
variant={EButtonVariant.PRIMARY} variant={EButtonColor.PRIMARY}
styleType={EButtonStyleType.TEXT} styleType={EButtonStyleType.TEXT}
onClick={this.onOpenLeftSide}> onClick={this.onOpenLeftSide}>
{this.props.mobileBackText ?? "Retour"} {this.props.mobileBackText ?? "Retour"}

4
src/front/Components/Layouts/ClientDashboard/index.tsx
View File

@ -1,6 +1,6 @@
"use client"; "use client";
import Documents, { IGetDocumentsparams } from "@Front/Api/LeCoffreApi/Customer/Documents/Documents"; import Documents, { IGetDocumentsparams } from "@Front/Api/LeCoffreApi/Customer/Documents/Documents";
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonStyleType, EButtonColor } from "@Front/Components/DesignSystem/Button";
import DepositDocument from "@Front/Components/DesignSystem/DepositDocument"; import DepositDocument from "@Front/Components/DesignSystem/DepositDocument";
import Typography, { ETypo, ETypoColor } from "@Front/Components/DesignSystem/Typography"; import Typography, { ETypo, ETypoColor } from "@Front/Components/DesignSystem/Typography";
import DefaultTemplate from "@Front/Components/LayoutTemplates/DefaultTemplate"; import DefaultTemplate from "@Front/Components/LayoutTemplates/DefaultTemplate";
@ -224,7 +224,7 @@ export default function ClientDashboard(props: IProps) {
Vous souhaitez envoyer d'autres documents à votre notaire ? Vous souhaitez envoyer d'autres documents à votre notaire ?
</Typography> </Typography>
<Button <Button
variant={EButtonVariant.PRIMARY} variant={EButtonColor.PRIMARY}
styleType={EButtonStyleType.OUTLINED} styleType={EButtonStyleType.OUTLINED}
className={classes["button"]} className={classes["button"]}
onClick={onOpenModalAddDocument}> onClick={onOpenModalAddDocument}>

4
src/front/Components/Layouts/ClientDashboard/index2.tsx
View File

@ -1,5 +1,5 @@
//import Customers from "@Front/Api/LeCoffreApi/Customer/Customers/Customers"; //import Customers from "@Front/Api/LeCoffreApi/Customer/Customers/Customers";
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonStyleType, EButtonColor } from "@Front/Components/DesignSystem/Button";
import DepositDocument from "@Front/Components/DesignSystem/DepositDocument"; import DepositDocument from "@Front/Components/DesignSystem/DepositDocument";
import TextField from "@Front/Components/DesignSystem/Form/TextField"; import TextField from "@Front/Components/DesignSystem/Form/TextField";
import Confirm from "@Front/Components/DesignSystem/Modal/Confirm"; import Confirm from "@Front/Components/DesignSystem/Modal/Confirm";
@ -46,7 +46,7 @@ export default class ClientDashboard extends Base<IProps, IState> {
Vous souhaitez envoyer d'autres documents à votre notaire ? Vous souhaitez envoyer d'autres documents à votre notaire ?
</Typography> </Typography>
<Button <Button
variant={EButtonVariant.PRIMARY} variant={EButtonColor.PRIMARY}
styleType={EButtonStyleType.OUTLINED} styleType={EButtonStyleType.OUTLINED}
className={classes["button"]} className={classes["button"]}
onClick={this.onOpenModalAddDocument}> onClick={this.onOpenModalAddDocument}>

4
src/front/Components/Layouts/Collaborators/CollaboratorInformations/index.tsx
View File

@ -2,7 +2,7 @@ import ChevronIcon from "@Assets/Icons/chevron.svg";
import OfficeRoles from "@Front/Api/LeCoffreApi/Admin/OfficeRoles/OfficeRoles"; import OfficeRoles from "@Front/Api/LeCoffreApi/Admin/OfficeRoles/OfficeRoles";
import Roles from "@Front/Api/LeCoffreApi/Admin/Roles/Roles"; import Roles from "@Front/Api/LeCoffreApi/Admin/Roles/Roles";
import Users from "@Front/Api/LeCoffreApi/Admin/Users/Users"; import Users from "@Front/Api/LeCoffreApi/Admin/Users/Users";
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonStyleType, EButtonColor } from "@Front/Components/DesignSystem/Button";
import SelectField, { IOption } from "@Front/Components/DesignSystem/Form/SelectField"; import SelectField, { IOption } from "@Front/Components/DesignSystem/Form/SelectField";
import Confirm from "@Front/Components/DesignSystem/Modal/Confirm"; import Confirm from "@Front/Components/DesignSystem/Modal/Confirm";
import Switch from "@Front/Components/DesignSystem/Switch"; import Switch from "@Front/Components/DesignSystem/Switch";
@ -197,7 +197,7 @@ export default function CollaboratorInformations(props: IProps) {
icon={ChevronIcon} icon={ChevronIcon}
iconposition={"right"} iconposition={"right"}
iconstyle={{ width: "22px", height: "22px" }} iconstyle={{ width: "22px", height: "22px" }}
variant={EButtonVariant.PRIMARY} variant={EButtonColor.PRIMARY}
styleType={EButtonStyleType.TEXT}> styleType={EButtonStyleType.TEXT}>
Gestion des rôles Gestion des rôles
</Button> </Button>

4
src/front/Components/Layouts/DeedTypes/DeedTypesCreate/index.tsx
View File

@ -1,5 +1,5 @@
import DeedTypes from "@Front/Api/LeCoffreApi/Admin/DeedTypes/DeedTypes"; import DeedTypes from "@Front/Api/LeCoffreApi/Admin/DeedTypes/DeedTypes";
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonStyleType, EButtonColor } from "@Front/Components/DesignSystem/Button";
import Form from "@Front/Components/DesignSystem/Form"; import Form from "@Front/Components/DesignSystem/Form";
import TextAreaField from "@Front/Components/DesignSystem/Form/TextareaField"; import TextAreaField from "@Front/Components/DesignSystem/Form/TextareaField";
import TextField from "@Front/Components/DesignSystem/Form/TextField"; import TextField from "@Front/Components/DesignSystem/Form/TextField";
@ -101,7 +101,7 @@ export default function DeedTypesCreate(props: IProps) {
validationError={validationError.find((error) => error.property === "description")} validationError={validationError.find((error) => error.property === "description")}
/> />
<div className={classes["buttons-container"]}> <div className={classes["buttons-container"]}>
<Button variant={EButtonVariant.PRIMARY} styleType={EButtonStyleType.OUTLINED} onClick={onCancel}> <Button variant={EButtonColor.PRIMARY} styleType={EButtonStyleType.OUTLINED} onClick={onCancel}>
Annuler Annuler
</Button> </Button>
<Button type="submit">Créer le type d'acte</Button> <Button type="submit">Créer le type d'acte</Button>

4
src/front/Components/Layouts/DeedTypes/DeedTypesEdit/index.tsx
View File

@ -1,5 +1,5 @@
import DeedTypes from "@Front/Api/LeCoffreApi/Admin/DeedTypes/DeedTypes"; import DeedTypes from "@Front/Api/LeCoffreApi/Admin/DeedTypes/DeedTypes";
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonStyleType, EButtonColor } from "@Front/Components/DesignSystem/Button";
import Form from "@Front/Components/DesignSystem/Form"; import Form from "@Front/Components/DesignSystem/Form";
import TextAreaField from "@Front/Components/DesignSystem/Form/TextareaField"; import TextAreaField from "@Front/Components/DesignSystem/Form/TextareaField";
import TextField from "@Front/Components/DesignSystem/Form/TextField"; import TextField from "@Front/Components/DesignSystem/Form/TextField";
@ -119,7 +119,7 @@ export default function DeedTypesEdit() {
validationError={validationError.find((error) => error.property === "description")} validationError={validationError.find((error) => error.property === "description")}
/> />
<div className={classes["buttons-container"]}> <div className={classes["buttons-container"]}>
<Button variant={EButtonVariant.PRIMARY} styleType={EButtonStyleType.OUTLINED} onClick={onCancel}> <Button variant={EButtonColor.PRIMARY} styleType={EButtonStyleType.OUTLINED} onClick={onCancel}>
Annuler Annuler
</Button> </Button>
<Button type="submit">Enregistrer</Button> <Button type="submit">Enregistrer</Button>

6
src/front/Components/Layouts/DeedTypes/DeedTypesInformations/index.tsx
View File

@ -2,7 +2,7 @@ import ChevronIcon from "@Assets/Icons/chevron.svg";
import PenICon from "@Assets/Icons/pen.svg"; import PenICon from "@Assets/Icons/pen.svg";
import DeedTypes from "@Front/Api/LeCoffreApi/Admin/DeedTypes/DeedTypes"; import DeedTypes from "@Front/Api/LeCoffreApi/Admin/DeedTypes/DeedTypes";
import DocumentTypes from "@Front/Api/LeCoffreApi/Admin/DocumentTypes/DocumentTypes"; import DocumentTypes from "@Front/Api/LeCoffreApi/Admin/DocumentTypes/DocumentTypes";
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonStyleType, EButtonColor } from "@Front/Components/DesignSystem/Button";
import Form from "@Front/Components/DesignSystem/Form"; import Form from "@Front/Components/DesignSystem/Form";
import { IOption } from "@Front/Components/DesignSystem/Form/SelectField"; import { IOption } from "@Front/Components/DesignSystem/Form/SelectField";
import Confirm from "@Front/Components/DesignSystem/Modal/Confirm"; import Confirm from "@Front/Components/DesignSystem/Modal/Confirm";
@ -123,7 +123,7 @@ export default function DeedTypesInformations(props: IProps) {
<div className={classes["header"]}> <div className={classes["header"]}>
<Typography typo={ETypo.TITLE_H1}>Paramétrage des listes de pièces</Typography> <Typography typo={ETypo.TITLE_H1}>Paramétrage des listes de pièces</Typography>
<Link href={Module.getInstance().get().modules.pages.DocumentTypes.props.path}> <Link href={Module.getInstance().get().modules.pages.DocumentTypes.props.path}>
<Button variant={EButtonVariant.PRIMARY} styleType={EButtonStyleType.TEXT}> <Button variant={EButtonColor.PRIMARY} styleType={EButtonStyleType.TEXT}>
Modifier la liste des documents Modifier la liste des documents
<Image src={ChevronIcon} alt="Chevron" /> <Image src={ChevronIcon} alt="Chevron" />
</Button> </Button>
@ -174,7 +174,7 @@ export default function DeedTypesInformations(props: IProps) {
</Form> </Form>
</div> </div>
<div className={classes["delete-container"]}> <div className={classes["delete-container"]}>
<Button variant={EButtonVariant.PRIMARY} styleType={EButtonStyleType.OUTLINED} onClick={openDeleteModal}> <Button variant={EButtonColor.PRIMARY} styleType={EButtonStyleType.OUTLINED} onClick={openDeleteModal}>
Supprimer Supprimer
</Button> </Button>
</div> </div>

46
src/front/Components/Layouts/DesignSystem/index.tsx
View File

@ -1,4 +1,4 @@
import Button, { EButtonSize, EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonSize, EButtonStyleType, EButtonColor } from "@Front/Components/DesignSystem/Button";
import CircleProgress from "@Front/Components/DesignSystem/CircleProgress"; import CircleProgress from "@Front/Components/DesignSystem/CircleProgress";
import Newsletter from "@Front/Components/DesignSystem/Newsletter"; import Newsletter from "@Front/Components/DesignSystem/Newsletter";
import Table from "@Front/Components/DesignSystem/Table"; import Table from "@Front/Components/DesignSystem/Table";
@ -61,7 +61,7 @@ export default function DesignSystem() {
name: "Doe", name: "Doe",
firstname: "John", firstname: "John",
button: ( button: (
<Button size={EButtonSize.SM} variant={EButtonVariant.PRIMARY}> <Button size={EButtonSize.SM} variant={EButtonColor.PRIMARY}>
Send email Send email
</Button> </Button>
), ),
@ -83,65 +83,65 @@ export default function DesignSystem() {
<Typography typo={ETypo.TEXT_LG_BOLD}>Buttons</Typography> <Typography typo={ETypo.TEXT_LG_BOLD}>Buttons</Typography>
<div className={classes["rows"]}> <div className={classes["rows"]}>
<Button variant={EButtonVariant.PRIMARY}>PRIMARY</Button> <Button variant={EButtonColor.PRIMARY}>PRIMARY</Button>
<Button variant={EButtonVariant.PRIMARY} styleType={EButtonStyleType.OUTLINED}> <Button variant={EButtonColor.PRIMARY} styleType={EButtonStyleType.OUTLINED}>
PRIMARY PRIMARY
</Button> </Button>
<Button variant={EButtonVariant.PRIMARY} styleType={EButtonStyleType.TEXT}> <Button variant={EButtonColor.PRIMARY} styleType={EButtonStyleType.TEXT}>
PRIMARY PRIMARY
</Button> </Button>
</div> </div>
<div className={classes["rows"]}> <div className={classes["rows"]}>
<Button variant={EButtonVariant.SECONDARY}>SECONDARY</Button> <Button variant={EButtonColor.SECONDARY}>SECONDARY</Button>
<Button variant={EButtonVariant.SECONDARY} styleType={EButtonStyleType.OUTLINED}> <Button variant={EButtonColor.SECONDARY} styleType={EButtonStyleType.OUTLINED}>
SECONDARY SECONDARY
</Button> </Button>
<Button variant={EButtonVariant.SECONDARY} styleType={EButtonStyleType.TEXT}> <Button variant={EButtonColor.SECONDARY} styleType={EButtonStyleType.TEXT}>
SECONDARY SECONDARY
</Button> </Button>
</div> </div>
<div className={classes["rows"]}> <div className={classes["rows"]}>
<Button variant={EButtonVariant.NEUTRAL}>NEUTRAL</Button> <Button variant={EButtonColor.NEUTRAL}>NEUTRAL</Button>
<Button variant={EButtonVariant.NEUTRAL} styleType={EButtonStyleType.OUTLINED}> <Button variant={EButtonColor.NEUTRAL} styleType={EButtonStyleType.OUTLINED}>
NEUTRAL NEUTRAL
</Button> </Button>
<Button variant={EButtonVariant.NEUTRAL} styleType={EButtonStyleType.TEXT}> <Button variant={EButtonColor.NEUTRAL} styleType={EButtonStyleType.TEXT}>
NEUTRAL NEUTRAL
</Button> </Button>
</div> </div>
<div className={classes["rows"]}> <div className={classes["rows"]}>
<Button variant={EButtonVariant.ERROR}>ERROR</Button> <Button variant={EButtonColor.ERROR}>ERROR</Button>
<Button variant={EButtonVariant.ERROR} styleType={EButtonStyleType.OUTLINED}> <Button variant={EButtonColor.ERROR} styleType={EButtonStyleType.OUTLINED}>
ERROR ERROR
</Button> </Button>
<Button variant={EButtonVariant.ERROR} styleType={EButtonStyleType.TEXT}> <Button variant={EButtonColor.ERROR} styleType={EButtonStyleType.TEXT}>
ERROR ERROR
</Button> </Button>
</div> </div>
<div className={classes["rows"]}> <div className={classes["rows"]}>
<Button variant={EButtonVariant.WARNING}>WARNING</Button> <Button variant={EButtonColor.WARNING}>WARNING</Button>
<Button variant={EButtonVariant.WARNING} styleType={EButtonStyleType.OUTLINED}> <Button variant={EButtonColor.WARNING} styleType={EButtonStyleType.OUTLINED}>
WARNING WARNING
</Button> </Button>
<Button variant={EButtonVariant.WARNING} styleType={EButtonStyleType.TEXT}> <Button variant={EButtonColor.WARNING} styleType={EButtonStyleType.TEXT}>
WARNING WARNING
</Button> </Button>
</div> </div>
<div className={classes["rows"]}> <div className={classes["rows"]}>
<Button variant={EButtonVariant.SUCCESS}>SUCCESS</Button> <Button variant={EButtonColor.SUCCESS}>SUCCESS</Button>
<Button variant={EButtonVariant.SUCCESS} styleType={EButtonStyleType.OUTLINED}> <Button variant={EButtonColor.SUCCESS} styleType={EButtonStyleType.OUTLINED}>
SUCCESS SUCCESS
</Button> </Button>
<Button variant={EButtonVariant.SUCCESS} styleType={EButtonStyleType.TEXT}> <Button variant={EButtonColor.SUCCESS} styleType={EButtonStyleType.TEXT}>
SUCCESS SUCCESS
</Button> </Button>
</div> </div>
<div className={classes["rows"]}> <div className={classes["rows"]}>
<Button variant={EButtonVariant.INFO}>INFO</Button> <Button variant={EButtonColor.INFO}>INFO</Button>
<Button variant={EButtonVariant.INFO} styleType={EButtonStyleType.OUTLINED}> <Button variant={EButtonColor.INFO} styleType={EButtonStyleType.OUTLINED}>
INFO INFO
</Button> </Button>
<Button variant={EButtonVariant.INFO} styleType={EButtonStyleType.TEXT}> <Button variant={EButtonColor.INFO} styleType={EButtonStyleType.TEXT}>
INFO INFO
</Button> </Button>
</div> </div>

4
src/front/Components/Layouts/DocumentTypes/DocumentTypesCreate/index.tsx
View File

@ -1,5 +1,5 @@
import DocumentTypes from "@Front/Api/LeCoffreApi/Notary/DocumentTypes/DocumentTypes"; import DocumentTypes from "@Front/Api/LeCoffreApi/Notary/DocumentTypes/DocumentTypes";
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonStyleType, EButtonColor } from "@Front/Components/DesignSystem/Button";
import Form from "@Front/Components/DesignSystem/Form"; import Form from "@Front/Components/DesignSystem/Form";
import TextAreaField from "@Front/Components/DesignSystem/Form/TextareaField"; import TextAreaField from "@Front/Components/DesignSystem/Form/TextareaField";
import TextField from "@Front/Components/DesignSystem/Form/TextField"; import TextField from "@Front/Components/DesignSystem/Form/TextField";
@ -71,7 +71,7 @@ export default function DocumentTypesCreate(props: IProps) {
validationError={validationError.find((error) => error.property === "public_description")} validationError={validationError.find((error) => error.property === "public_description")}
/> />
<div className={classes["buttons-container"]}> <div className={classes["buttons-container"]}>
<Button variant={EButtonVariant.PRIMARY} styleType={EButtonStyleType.OUTLINED}> <Button variant={EButtonColor.PRIMARY} styleType={EButtonStyleType.OUTLINED}>
Annuler Annuler
</Button> </Button>
<Button type="submit">Créer le document</Button> <Button type="submit">Créer le document</Button>

4
src/front/Components/Layouts/DocumentTypes/DocumentTypesEdit/index.tsx
View File

@ -1,5 +1,5 @@
import DocumentTypes from "@Front/Api/LeCoffreApi/Notary/DocumentTypes/DocumentTypes"; import DocumentTypes from "@Front/Api/LeCoffreApi/Notary/DocumentTypes/DocumentTypes";
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonStyleType, EButtonColor } from "@Front/Components/DesignSystem/Button";
import Form from "@Front/Components/DesignSystem/Form"; import Form from "@Front/Components/DesignSystem/Form";
import TextAreaField from "@Front/Components/DesignSystem/Form/TextareaField"; import TextAreaField from "@Front/Components/DesignSystem/Form/TextareaField";
import TextField from "@Front/Components/DesignSystem/Form/TextField"; import TextField from "@Front/Components/DesignSystem/Form/TextField";
@ -91,7 +91,7 @@ export default function DocumentTypesEdit() {
validationError={validationError.find((error) => error.property === "public_description")} validationError={validationError.find((error) => error.property === "public_description")}
/> />
<div className={classes["buttons-container"]}> <div className={classes["buttons-container"]}>
<Button variant={EButtonVariant.PRIMARY} styleType={EButtonStyleType.OUTLINED}> <Button variant={EButtonColor.PRIMARY} styleType={EButtonStyleType.OUTLINED}>
Annuler Annuler
</Button> </Button>
<Button type="submit">Enregistrer</Button> <Button type="submit">Enregistrer</Button>

4
src/front/Components/Layouts/DocumentTypes/DocumentTypesInformations/index.tsx
View File

@ -11,7 +11,7 @@ import { useRouter } from "next/router";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import classes from "./classes.module.scss"; import classes from "./classes.module.scss";
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonStyleType, EButtonColor } from "@Front/Components/DesignSystem/Button";
export default function DocumentTypesInformations() { export default function DocumentTypesInformations() {
const router = useRouter(); const router = useRouter();
@ -38,7 +38,7 @@ export default function DocumentTypesInformations() {
<div className={classes["header"]}> <div className={classes["header"]}>
<Typography typo={ETypo.TITLE_H1}>Paramétrage des listes de pièces</Typography> <Typography typo={ETypo.TITLE_H1}>Paramétrage des listes de pièces</Typography>
<Link href={Module.getInstance().get().modules.pages.DeedTypes.props.path}> <Link href={Module.getInstance().get().modules.pages.DeedTypes.props.path}>
<Button variant={EButtonVariant.PRIMARY} styleType={EButtonStyleType.TEXT}> <Button variant={EButtonColor.PRIMARY} styleType={EButtonStyleType.TEXT}>
Retour au paramétrage des types d'actes Retour au paramétrage des types d'actes
<Image src={ChevronIcon} alt="Chevron" /> <Image src={ChevronIcon} alt="Chevron" />
</Button> </Button>

6
src/front/Components/Layouts/Folder/AddClientToFolder/index.tsx
View File

@ -1,6 +1,6 @@
import Customers from "@Front/Api/LeCoffreApi/Notary/Customers/Customers"; import Customers from "@Front/Api/LeCoffreApi/Notary/Customers/Customers";
import Folders from "@Front/Api/LeCoffreApi/Notary/Folders/Folders"; import Folders from "@Front/Api/LeCoffreApi/Notary/Folders/Folders";
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonStyleType, EButtonColor } from "@Front/Components/DesignSystem/Button";
import Form from "@Front/Components/DesignSystem/Form"; import Form from "@Front/Components/DesignSystem/Form";
import { IOption } from "@Front/Components/DesignSystem/Form/SelectField"; import { IOption } from "@Front/Components/DesignSystem/Form/SelectField";
import MultiSelect from "@Front/Components/DesignSystem/MultiSelect"; import MultiSelect from "@Front/Components/DesignSystem/MultiSelect";
@ -99,7 +99,7 @@ class AddClientToFolderClass extends BasePage<IPropsClass, IState> {
/> />
<div className={classes["button-container"]}> <div className={classes["button-container"]}>
<Link href={backwardPath} className={classes["cancel-button"]}> <Link href={backwardPath} className={classes["cancel-button"]}>
<Button variant={EButtonVariant.PRIMARY} styleType={EButtonStyleType.OUTLINED}> <Button variant={EButtonColor.PRIMARY} styleType={EButtonStyleType.OUTLINED}>
Annuler Annuler
</Button> </Button>
</Link> </Link>
@ -134,7 +134,7 @@ class AddClientToFolderClass extends BasePage<IPropsClass, IState> {
/> />
<div className={classes["button-container"]}> <div className={classes["button-container"]}>
<Link href={backwardPath} className={classes["cancel-button"]}> <Link href={backwardPath} className={classes["cancel-button"]}>
<Button variant={EButtonVariant.PRIMARY} styleType={EButtonStyleType.OUTLINED}> <Button variant={EButtonColor.PRIMARY} styleType={EButtonStyleType.OUTLINED}>
Annuler Annuler
</Button> </Button>
</Link> </Link>

6
src/front/Components/Layouts/Folder/AskDocuments/index.tsx
View File

@ -1,7 +1,7 @@
import PlusIcon from "@Assets/Icons/plus.svg"; import PlusIcon from "@Assets/Icons/plus.svg";
import Documents from "@Front/Api/LeCoffreApi/Notary/Documents/Documents"; import Documents from "@Front/Api/LeCoffreApi/Notary/Documents/Documents";
import Folders from "@Front/Api/LeCoffreApi/Notary/Folders/Folders"; import Folders from "@Front/Api/LeCoffreApi/Notary/Folders/Folders";
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonStyleType, EButtonColor } from "@Front/Components/DesignSystem/Button";
import CheckBox from "@Front/Components/DesignSystem/CheckBox"; import CheckBox from "@Front/Components/DesignSystem/CheckBox";
import Form from "@Front/Components/DesignSystem/Form"; import Form from "@Front/Components/DesignSystem/Form";
import { IOption } from "@Front/Components/DesignSystem/Form/SelectField"; import { IOption } from "@Front/Components/DesignSystem/Form/SelectField";
@ -78,7 +78,7 @@ class AskDocumentsClass extends BasePage<IPropsClass, IState> {
icon={PlusIcon} icon={PlusIcon}
iconposition={"right"} iconposition={"right"}
iconstyle={{ transform: "rotate(180deg)", width: "22px", height: "22px" }} iconstyle={{ transform: "rotate(180deg)", width: "22px", height: "22px" }}
variant={EButtonVariant.PRIMARY} variant={EButtonColor.PRIMARY}
styleType={EButtonStyleType.TEXT} styleType={EButtonStyleType.TEXT}
onClick={this.openModal}> onClick={this.openModal}>
Ajouter un document Ajouter un document
@ -86,7 +86,7 @@ class AskDocumentsClass extends BasePage<IPropsClass, IState> {
</div> </div>
<div className={classes["buttons-container"]}> <div className={classes["buttons-container"]}>
<a href={backUrl}> <a href={backUrl}>
<Button variant={EButtonVariant.PRIMARY} styleType={EButtonStyleType.OUTLINED} onClick={this.cancel}> <Button variant={EButtonColor.PRIMARY} styleType={EButtonStyleType.OUTLINED} onClick={this.cancel}>
Annuler Annuler
</Button> </Button>
</a> </a>

4
src/front/Components/Layouts/Folder/CreateCustomerNote/index.tsx
View File

@ -1,4 +1,4 @@
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonStyleType, EButtonColor } from "@Front/Components/DesignSystem/Button";
import Form from "@Front/Components/DesignSystem/Form"; import Form from "@Front/Components/DesignSystem/Form";
import TextAreaField from "@Front/Components/DesignSystem/Form/TextareaField"; import TextAreaField from "@Front/Components/DesignSystem/Form/TextareaField";
import Typography, { ETypo } from "@Front/Components/DesignSystem/Typography"; import Typography, { ETypo } from "@Front/Components/DesignSystem/Typography";
@ -63,7 +63,7 @@ class CreateCustomerNoteClass extends BasePage<IPropsClass, IState> {
<div className={classes["button-container"]}> <div className={classes["button-container"]}>
<Link href={this.backwardPath} className={classes["cancel-button"]}> <Link href={this.backwardPath} className={classes["cancel-button"]}>
<Button variant={EButtonVariant.PRIMARY} styleType={EButtonStyleType.OUTLINED}> <Button variant={EButtonColor.PRIMARY} styleType={EButtonStyleType.OUTLINED}>
Annuler Annuler
</Button> </Button>
</Link> </Link>

6
src/front/Components/Layouts/Folder/UpdateClient/index.tsx
View File

@ -1,5 +1,5 @@
import Customers from "@Front/Api/LeCoffreApi/Notary/Customers/Customers"; import Customers from "@Front/Api/LeCoffreApi/Notary/Customers/Customers";
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonStyleType, EButtonColor } from "@Front/Components/DesignSystem/Button";
import Form from "@Front/Components/DesignSystem/Form"; import Form from "@Front/Components/DesignSystem/Form";
import TextField from "@Front/Components/DesignSystem/Form/TextField"; import TextField from "@Front/Components/DesignSystem/Form/TextField";
import Confirm from "@Front/Components/DesignSystem/Modal/Confirm"; import Confirm from "@Front/Components/DesignSystem/Modal/Confirm";
@ -130,13 +130,13 @@ class UpdateClientClass extends BasePage<IPropsClass, IState> {
<div className={classes["button-container"]}> <div className={classes["button-container"]}>
{!this.doesInputsHaveValues() ? ( {!this.doesInputsHaveValues() ? (
<Link href={this.backwardPath} className={classes["cancel-button"]}> <Link href={this.backwardPath} className={classes["cancel-button"]}>
<Button variant={EButtonVariant.PRIMARY} styleType={EButtonStyleType.OUTLINED}> <Button variant={EButtonColor.PRIMARY} styleType={EButtonStyleType.OUTLINED}>
Annuler Annuler
</Button> </Button>
</Link> </Link>
) : ( ) : (
<Button <Button
variant={EButtonVariant.PRIMARY} variant={EButtonColor.PRIMARY}
styleType={EButtonStyleType.OUTLINED} styleType={EButtonStyleType.OUTLINED}
onClick={this.openLeavingModal} onClick={this.openLeavingModal}
className={classes["cancel-button"]}> className={classes["cancel-button"]}>

4
src/front/Components/Layouts/Folder/UpdateCustomerNote/index.tsx
View File

@ -1,4 +1,4 @@
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonStyleType, EButtonColor } from "@Front/Components/DesignSystem/Button";
import Form from "@Front/Components/DesignSystem/Form"; import Form from "@Front/Components/DesignSystem/Form";
import TextAreaField from "@Front/Components/DesignSystem/Form/TextareaField"; import TextAreaField from "@Front/Components/DesignSystem/Form/TextareaField";
import Typography, { ETypo } from "@Front/Components/DesignSystem/Typography"; import Typography, { ETypo } from "@Front/Components/DesignSystem/Typography";
@ -53,7 +53,7 @@ class UpdateCustomerNoteClass extends BasePage<IPropsClass, IState> {
<div className={classes["button-container"]}> <div className={classes["button-container"]}>
<Link href={this.state.backwardPath} className={classes["cancel-button"]}> <Link href={this.state.backwardPath} className={classes["cancel-button"]}>
<Button variant={EButtonVariant.PRIMARY} styleType={EButtonStyleType.OUTLINED}> <Button variant={EButtonColor.PRIMARY} styleType={EButtonStyleType.OUTLINED}>
Annuler Annuler
</Button> </Button>
</Link> </Link>

4
src/front/Components/Layouts/Folder/UpdateFolderCollaborators/index.tsx
View File

@ -1,6 +1,6 @@
import Folders from "@Front/Api/LeCoffreApi/Notary/Folders/Folders"; import Folders from "@Front/Api/LeCoffreApi/Notary/Folders/Folders";
import Users, { IGetUsersParams } from "@Front/Api/LeCoffreApi/Notary/Users/Users"; import Users, { IGetUsersParams } from "@Front/Api/LeCoffreApi/Notary/Users/Users";
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonStyleType, EButtonColor } from "@Front/Components/DesignSystem/Button";
import Form from "@Front/Components/DesignSystem/Form"; import Form from "@Front/Components/DesignSystem/Form";
import { IOption } from "@Front/Components/DesignSystem/Form/SelectField"; import { IOption } from "@Front/Components/DesignSystem/Form/SelectField";
import MultiSelect from "@Front/Components/DesignSystem/MultiSelect"; import MultiSelect from "@Front/Components/DesignSystem/MultiSelect";
@ -105,7 +105,7 @@ class UpdateFolderCollaboratorsClass extends BasePage<IPropsClass, IState> {
<div className={classes["button-container"]}> <div className={classes["button-container"]}>
<Link href={backwardPath} className={classes["cancel-button"]}> <Link href={backwardPath} className={classes["cancel-button"]}>
<Button variant={EButtonVariant.PRIMARY} styleType={EButtonStyleType.OUTLINED}> <Button variant={EButtonColor.PRIMARY} styleType={EButtonStyleType.OUTLINED}>
Annuler Annuler
</Button> </Button>
</Link> </Link>

4
src/front/Components/Layouts/Folder/UpdateFolderDescription/index.tsx
View File

@ -1,5 +1,5 @@
import Folders from "@Front/Api/LeCoffreApi/Notary/Folders/Folders"; import Folders from "@Front/Api/LeCoffreApi/Notary/Folders/Folders";
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonStyleType, EButtonColor } from "@Front/Components/DesignSystem/Button";
import Form from "@Front/Components/DesignSystem/Form"; import Form from "@Front/Components/DesignSystem/Form";
import TextAreaField from "@Front/Components/DesignSystem/Form/TextareaField"; import TextAreaField from "@Front/Components/DesignSystem/Form/TextareaField";
import Typography, { ETypo } from "@Front/Components/DesignSystem/Typography"; import Typography, { ETypo } from "@Front/Components/DesignSystem/Typography";
@ -54,7 +54,7 @@ class UpdateFolderDescriptionClass extends BasePage<IPropsClass, IState> {
<div className={classes["button-container"]}> <div className={classes["button-container"]}>
<Link href={this.backwardPath} className={classes["cancel-button"]}> <Link href={this.backwardPath} className={classes["cancel-button"]}>
<Button variant={EButtonVariant.PRIMARY} styleType={EButtonStyleType.OUTLINED}> <Button variant={EButtonColor.PRIMARY} styleType={EButtonStyleType.OUTLINED}>
Annuler Annuler
</Button> </Button>
</Link> </Link>

4
src/front/Components/Layouts/Folder/UpdateFolderMetadata/index.tsx
View File

@ -1,5 +1,5 @@
import Folders from "@Front/Api/LeCoffreApi/Notary/Folders/Folders"; import Folders from "@Front/Api/LeCoffreApi/Notary/Folders/Folders";
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonStyleType, EButtonColor } from "@Front/Components/DesignSystem/Button";
import Form from "@Front/Components/DesignSystem/Form"; import Form from "@Front/Components/DesignSystem/Form";
import Select, { IOption } from "@Front/Components/DesignSystem/Form/SelectField"; import Select, { IOption } from "@Front/Components/DesignSystem/Form/SelectField";
import TextField from "@Front/Components/DesignSystem/Form/TextField"; import TextField from "@Front/Components/DesignSystem/Form/TextField";
@ -77,7 +77,7 @@ class UpdateFolderMetadataClass extends BasePage<IPropsClass, IState> {
<div className={classes["button-container"]}> <div className={classes["button-container"]}>
<Link href={backwardPath} className={classes["cancel-button"]}> <Link href={backwardPath} className={classes["cancel-button"]}>
<Button variant={EButtonVariant.PRIMARY} styleType={EButtonStyleType.OUTLINED}> <Button variant={EButtonColor.PRIMARY} styleType={EButtonStyleType.OUTLINED}>
Annuler Annuler
</Button> </Button>
</Link> </Link>

4
src/front/Components/Layouts/Folder/ViewDocuments/index.tsx
View File

@ -1,7 +1,7 @@
import LeftArrowIcon from "@Assets/Icons/left-arrow.svg"; import LeftArrowIcon from "@Assets/Icons/left-arrow.svg";
import RightArrowIcon from "@Assets/Icons/right-arrow.svg"; import RightArrowIcon from "@Assets/Icons/right-arrow.svg";
import Documents from "@Front/Api/LeCoffreApi/Notary/Documents/Documents"; import Documents from "@Front/Api/LeCoffreApi/Notary/Documents/Documents";
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonStyleType, EButtonColor } from "@Front/Components/DesignSystem/Button";
import FilePreview from "@Front/Components/DesignSystem/FilePreview"; import FilePreview from "@Front/Components/DesignSystem/FilePreview";
import Confirm from "@Front/Components/DesignSystem/Modal/Confirm"; import Confirm from "@Front/Components/DesignSystem/Modal/Confirm";
import Typography, { ETypo, ETypoColor } from "@Front/Components/DesignSystem/Typography"; import Typography, { ETypo, ETypoColor } from "@Front/Components/DesignSystem/Typography";
@ -118,7 +118,7 @@ class ViewDocumentsClass extends BasePage<IPropsClass, IState> {
{this.state.document?.document_status === EDocumentStatus.DEPOSITED && ( {this.state.document?.document_status === EDocumentStatus.DEPOSITED && (
<> <>
<Button <Button
variant={EButtonVariant.PRIMARY} variant={EButtonColor.PRIMARY}
styleType={EButtonStyleType.OUTLINED} styleType={EButtonStyleType.OUTLINED}
onClick={this.openRefuseModal}> onClick={this.openRefuseModal}>
Refuser Refuser

52
src/front/Components/Layouts/Folder/classes.module.scss
View File

@ -1,5 +1,55 @@
@import "@Themes/constants.scss"; @import "@Themes/constants.scss";
.root { .root {
} .content {
display: flex;
width: 648px;
flex-direction: column;
justify-content: center;
gap: var(--spacing-2xl, 40px);
.title-container {
display: flex;
flex-direction: column;
gap: var(--spacing-md, 16px);
align-self: stretch;
.logo{
fill: "red"
}
}
.no-folder {
display: flex;
padding: var(--spacing-xl, 32px) var(--spacing-lg, 24px);
flex-direction: column;
gap: var(--spacing-lg, 24px);
align-self: stretch;
border-radius: var(--radius-rounded, 16px);
background: var(--background-primary, #fff);
box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
svg {
stroke: var(--primary-default-base);
}
}
.help-container {
display: flex;
gap: var(--spacing-lg, 24px);
.box {
display: flex;
flex-direction: column;
gap: var(--spacing-sm, 8px);
}
.separator {
background-color: var(--separator-stroke-light);
width: 1px;
align-self: stretch;
}
}
}
}

63
src/front/Components/Layouts/Folder/index.tsx
View File

@ -1,20 +1,77 @@
import LogoIcon from "@Assets/logo_small_blue.svg";
import Button, { EButtonColor, EButtonStyleType } from "@Front/Components/DesignSystem/Button";
import Typography, { ETypo, ETypoColor } from "@Front/Components/DesignSystem/Typography";
import DefaultNotaryDashboard from "@Front/Components/LayoutTemplates/DefaultNotaryDashboard"; import DefaultNotaryDashboard from "@Front/Components/LayoutTemplates/DefaultNotaryDashboard";
import { DocumentIcon } from "@heroicons/react/24/outline";
import { OfficeFolder } from "le-coffre-resources/dist/Notary"; import { OfficeFolder } from "le-coffre-resources/dist/Notary";
import { useCallback, useState } from "react"; import { useCallback, useState } from "react";
import Image from "next/image";
import classes from "./classes.module.scss"; import classes from "./classes.module.scss";
import Link from "next/link";
import Module from "@Front/Config/Module";
export default function Folder() { export default function Folder() {
const [_selectedFolder, setSelectedFolder] = useState<OfficeFolder | null>(null); const [_folder, setFolder] = useState<OfficeFolder | null>(null);
const [_isArchivedModalOpen, _setIsArchivedModalOpen] = useState(true); const [_isArchivedModalOpen, _setIsArchivedModalOpen] = useState(true);
const onSelectedFolder = useCallback((folder: OfficeFolder): void => { const onSelectedFolder = useCallback((folder: OfficeFolder): void => {
setSelectedFolder(folder); setFolder(folder);
}, []); }, []);
return ( return (
<DefaultNotaryDashboard title={"Dossier"} onSelectedFolder={onSelectedFolder} mobileBackText={"Liste des dossiers"}> <DefaultNotaryDashboard title={"Dossier"} onSelectedFolder={onSelectedFolder} mobileBackText={"Liste des dossiers"}>
<div className={classes["root"]}></div> <div className={classes["root"]}>
<div className={classes["content"]}>
<div className={classes["title-container"]}>
<Image src={LogoIcon} alt="logo" />
<Typography typo={ETypo.TITLE_H1} color={ETypoColor.COLOR_PRIMARY_500}>
Bonjour John, bienvenue sur LeCoffre.io
</Typography>
<Typography typo={ETypo.TEXT_LG_REGULAR}>
Commencez par créer votre{" "}
<Typography typo={ETypo.TEXT_LG_SEMIBOLD} type="span">
premier dossier
</Typography>{" "}
pour profiter de toutes les fonctionnalités de notre plateforme sécurisée.
</Typography>
</div>
<div className={classes["no-folder"]}>
<DocumentIcon width={32} />
<div className={classes["text-container"]}>
<Typography typo={ETypo.TEXT_LG_SEMIBOLD}>Aucun dossier créé</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR}>
Vous n'avez pas encore de dossier créé. En quelques clics, commencez un nouveau dossier pour organiser et
sécuriser vos documents notariés.
</Typography>
</div>
<Link href={Module.getInstance().get().modules.pages.Folder.pages.CreateFolder.props.path}>
<Button variant={EButtonColor.INFO}>Créer votre premier dossier</Button>
</Link>
</div>
<div className={classes["help-container"]}>
<div className={classes["box"]}>
<Typography typo={ETypo.TEXT_MD_SEMIBOLD}>Besoin d'aide ?</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR}>Consultez nos guides pour bien démarrer.</Typography>
<Button variant={EButtonColor.WARNING} styleType={EButtonStyleType.TEXT}>
Accéder aux guides
</Button>
</div>
<div className={classes["separator"]} />
<div className={classes["box"]}>
<Typography typo={ETypo.TEXT_MD_SEMIBOLD}>Vous avez des questions ?</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR}>Notre équipe de support est là pour vous aider.</Typography>
<Button variant={EButtonColor.WARNING} styleType={EButtonStyleType.TEXT}>
Contactez le support
</Button>
</div>
</div>
</div>
</div>
</DefaultNotaryDashboard> </DefaultNotaryDashboard>
); );
} }

8
src/front/Components/Layouts/FolderArchived/FolderInformation/index.tsx
View File

@ -1,6 +1,6 @@
import ChevronIcon from "@Assets/Icons/chevron.svg"; import ChevronIcon from "@Assets/Icons/chevron.svg";
import Folders from "@Front/Api/LeCoffreApi/Notary/Folders/Folders"; import Folders from "@Front/Api/LeCoffreApi/Notary/Folders/Folders";
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonStyleType, EButtonColor } from "@Front/Components/DesignSystem/Button";
import FolderBoxInformation, { EFolderBoxInformationType } from "@Front/Components/DesignSystem/FolderBoxInformation"; import FolderBoxInformation, { EFolderBoxInformationType } from "@Front/Components/DesignSystem/FolderBoxInformation";
import QuantityProgressBar from "@Front/Components/DesignSystem/QuantityProgressBar"; import QuantityProgressBar from "@Front/Components/DesignSystem/QuantityProgressBar";
import Typography, { ETypo, ETypoColor } from "@Front/Components/DesignSystem/Typography"; import Typography, { ETypo, ETypoColor } from "@Front/Components/DesignSystem/Typography";
@ -66,7 +66,7 @@ class FolderInformationClass extends BasePage<IPropsClass, IState> {
<Typography typo={ETypo.TITLE_H1}>Informations du dossier</Typography> <Typography typo={ETypo.TITLE_H1}>Informations du dossier</Typography>
</div> </div>
<Link href={redirectPathEditCollaborators}> <Link href={redirectPathEditCollaborators}>
<Button variant={EButtonVariant.PRIMARY} styleType={EButtonStyleType.TEXT} icon={ChevronIcon}> <Button variant={EButtonColor.PRIMARY} styleType={EButtonStyleType.TEXT} icon={ChevronIcon}>
Modifier les collaborateurs Modifier les collaborateurs
</Button> </Button>
</Link> </Link>
@ -116,14 +116,14 @@ class FolderInformationClass extends BasePage<IPropsClass, IState> {
<div className={classes["button-container"]}> <div className={classes["button-container"]}>
<Button <Button
variant={EButtonVariant.PRIMARY} variant={EButtonColor.PRIMARY}
styleType={EButtonStyleType.OUTLINED} styleType={EButtonStyleType.OUTLINED}
onClick={this.restoreFolder}> onClick={this.restoreFolder}>
Restaurer le dossier Restaurer le dossier
</Button> </Button>
{this.props.isAnchored === AnchorStatus.VERIFIED_ON_CHAIN && ( {this.props.isAnchored === AnchorStatus.VERIFIED_ON_CHAIN && (
<Button <Button
variant={EButtonVariant.PRIMARY} variant={EButtonColor.PRIMARY}
onClick={() => this.downloadAnchoringProof(this.props.selectedFolder?.uid)} onClick={() => this.downloadAnchoringProof(this.props.selectedFolder?.uid)}
disabled={this.state.loadingAnchoring}> disabled={this.state.loadingAnchoring}>
Télécharger la preuve d'ancrage Télécharger la preuve d'ancrage

4
src/front/Components/Layouts/FolderArchived/UpdateFolderMetadata/index.tsx
View File

@ -1,4 +1,4 @@
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonStyleType, EButtonColor } from "@Front/Components/DesignSystem/Button";
import Form from "@Front/Components/DesignSystem/Form"; import Form from "@Front/Components/DesignSystem/Form";
import Select, { IOption } from "@Front/Components/DesignSystem/Form/SelectField"; import Select, { IOption } from "@Front/Components/DesignSystem/Form/SelectField";
import TextField from "@Front/Components/DesignSystem/Form/TextField"; import TextField from "@Front/Components/DesignSystem/Form/TextField";
@ -62,7 +62,7 @@ class UpdateFolderMetadataClass extends BasePage<IProps, IState> {
<div className={classes["button-container"]}> <div className={classes["button-container"]}>
<Link href={backwardPath} className={classes["cancel-button"]}> <Link href={backwardPath} className={classes["cancel-button"]}>
<Button variant={EButtonVariant.PRIMARY} styleType={EButtonStyleType.OUTLINED}> <Button variant={EButtonColor.PRIMARY} styleType={EButtonStyleType.OUTLINED}>
Annuler Annuler
</Button> </Button>
</Link> </Link>

4
src/front/Components/Layouts/Login/index.tsx
View File

@ -1,6 +1,6 @@
import CoffreIcon from "@Assets/Icons/coffre.svg"; import CoffreIcon from "@Assets/Icons/coffre.svg";
import idNoteLogo from "@Assets/Icons/id-note-logo.svg"; import idNoteLogo from "@Assets/Icons/id-note-logo.svg";
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonStyleType, EButtonColor } from "@Front/Components/DesignSystem/Button";
import Typography, { ETypo } from "@Front/Components/DesignSystem/Typography"; import Typography, { ETypo } from "@Front/Components/DesignSystem/Typography";
import DefaultDoubleSidePage from "@Front/Components/LayoutTemplates/DefaultDoubleSidePage"; import DefaultDoubleSidePage from "@Front/Components/LayoutTemplates/DefaultDoubleSidePage";
import Image from "next/image"; import Image from "next/image";
@ -65,7 +65,7 @@ export default function Login() {
<div className={classes["forget-password"]}>Vous n'arrivez pas à vous connecter ?</div> <div className={classes["forget-password"]}>Vous n'arrivez pas à vous connecter ?</div>
</Typography> </Typography>
<Link href="mailto:support@lecoffre.io"> <Link href="mailto:support@lecoffre.io">
<Button variant={EButtonVariant.PRIMARY} styleType={EButtonStyleType.TEXT}> <Button variant={EButtonColor.PRIMARY} styleType={EButtonStyleType.TEXT}>
Contacter l'administrateur Contacter l'administrateur
</Button> </Button>
</Link> </Link>

4
src/front/Components/Layouts/LoginCallback/index.tsx
View File

@ -8,7 +8,7 @@ import Module from "@Front/Config/Module";
import Auth from "@Front/Api/Auth/IdNot"; import Auth from "@Front/Api/Auth/IdNot";
import DefaultDoubleSidePage from "@Front/Components/LayoutTemplates/DefaultDoubleSidePage"; import DefaultDoubleSidePage from "@Front/Components/LayoutTemplates/DefaultDoubleSidePage";
import Typography, { ETypo } from "@Front/Components/DesignSystem/Typography"; import Typography, { ETypo } from "@Front/Components/DesignSystem/Typography";
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonStyleType, EButtonColor } from "@Front/Components/DesignSystem/Button";
import Loader from "@Front/Components/DesignSystem/Loader"; import Loader from "@Front/Components/DesignSystem/Loader";
import UserStore from "@Front/Stores/UserStore"; import UserStore from "@Front/Stores/UserStore";
import Link from "next/link"; import Link from "next/link";
@ -73,7 +73,7 @@ export default function LoginCallBack() {
<div className={classes["forget-password"]}>Vous n'arrivez pas à vous connecter ?</div> <div className={classes["forget-password"]}>Vous n'arrivez pas à vous connecter ?</div>
</Typography> </Typography>
<Link href="mailto:support@lecoffre.io"> <Link href="mailto:support@lecoffre.io">
<Button variant={EButtonVariant.PRIMARY} styleType={EButtonStyleType.TEXT}> <Button variant={EButtonColor.PRIMARY} styleType={EButtonStyleType.TEXT}>
Contacter l'administrateur Contacter l'administrateur
</Button> </Button>
</Link> </Link>

4
src/front/Components/Layouts/LoginCallbackCustomer/index.tsx
View File

@ -6,7 +6,7 @@ import React, { useEffect } from "react";
import classes from "./classes.module.scss"; import classes from "./classes.module.scss";
import DefaultDoubleSidePage from "@Front/Components/LayoutTemplates/DefaultDoubleSidePage"; import DefaultDoubleSidePage from "@Front/Components/LayoutTemplates/DefaultDoubleSidePage";
import Typography, { ETypo } from "@Front/Components/DesignSystem/Typography"; import Typography, { ETypo } from "@Front/Components/DesignSystem/Typography";
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonStyleType, EButtonColor } from "@Front/Components/DesignSystem/Button";
import Loader from "@Front/Components/DesignSystem/Loader"; import Loader from "@Front/Components/DesignSystem/Loader";
import Customers, { ICustomerTokens } from "@Front/Api/Auth/Id360/Customers/Customers"; import Customers, { ICustomerTokens } from "@Front/Api/Auth/Id360/Customers/Customers";
import CustomerStore from "@Front/Stores/CustomerStore"; import CustomerStore from "@Front/Stores/CustomerStore";
@ -59,7 +59,7 @@ export default function LoginCallBackCustomer() {
<div className={classes["forget-password"]}>Vous n'arrivez pas à vous connecter ?</div> <div className={classes["forget-password"]}>Vous n'arrivez pas à vous connecter ?</div>
</Typography> </Typography>
<Link href="mailto:support@lecoffre.io"> <Link href="mailto:support@lecoffre.io">
<Button variant={EButtonVariant.PRIMARY} styleType={EButtonStyleType.TEXT}> <Button variant={EButtonColor.PRIMARY} styleType={EButtonStyleType.TEXT}>
Contacter l'administrateur Contacter l'administrateur
</Button> </Button>
</Link> </Link>

4
src/front/Components/Layouts/LoginCustomer/PasswordForgotten/index.tsx
View File

@ -3,7 +3,7 @@ import classes from "./classes.module.scss";
import Typography, { ETypo, ETypoColor } from "@Front/Components/DesignSystem/Typography"; import Typography, { ETypo, ETypoColor } from "@Front/Components/DesignSystem/Typography";
import Form from "@Front/Components/DesignSystem/Form"; import Form from "@Front/Components/DesignSystem/Form";
import TextField from "@Front/Components/DesignSystem/Form/TextField"; import TextField from "@Front/Components/DesignSystem/Form/TextField";
import Button, { EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonColor } from "@Front/Components/DesignSystem/Button";
import { ValidationError } from "class-validator"; import { ValidationError } from "class-validator";
type IProps = { type IProps = {
onSubmit: (e: React.FormEvent<HTMLFormElement> | null, values: { [key: string]: string }) => void; onSubmit: (e: React.FormEvent<HTMLFormElement> | null, values: { [key: string]: string }) => void;
@ -34,7 +34,7 @@ export default function PasswordForgotten(props: IProps) {
validationError={validationErrors.find((error) => error.property === "confirm_password")} validationError={validationErrors.find((error) => error.property === "confirm_password")}
password password
/> />
<Button type="submit" variant={EButtonVariant.PRIMARY} className={classes["submit_button"]}> <Button type="submit" variant={EButtonColor.PRIMARY} className={classes["submit_button"]}>
Valider Valider
</Button> </Button>
</Form> </Form>

4
src/front/Components/Layouts/LoginCustomer/StepEmail/index.tsx
View File

@ -4,7 +4,7 @@ import Typography, { ETypo } from "@Front/Components/DesignSystem/Typography";
//import Image from "next/image"; //import Image from "next/image";
import Form from "@Front/Components/DesignSystem/Form"; import Form from "@Front/Components/DesignSystem/Form";
import TextField from "@Front/Components/DesignSystem/Form/TextField"; import TextField from "@Front/Components/DesignSystem/Form/TextField";
import Button, { EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonColor } from "@Front/Components/DesignSystem/Button";
//import franceConnectLogo from "../france-connect.svg"; //import franceConnectLogo from "../france-connect.svg";
// import { useRouter } from "next/router"; // import { useRouter } from "next/router";
// import Customers from "@Front/Api/Auth/Id360/Customers/Customers"; // import Customers from "@Front/Api/Auth/Id360/Customers/Customers";
@ -49,7 +49,7 @@ export default function StepEmail(props: IProps) {
name="email" name="email"
validationError={validationErrors.find((error) => error.property === "email")} validationError={validationErrors.find((error) => error.property === "email")}
/> />
<Button type="submit" variant={EButtonVariant.PRIMARY} className={classes["submit_button"]}> <Button type="submit" variant={EButtonColor.PRIMARY} className={classes["submit_button"]}>
Suivant Suivant
</Button> </Button>
</Form> </Form>

4
src/front/Components/Layouts/LoginCustomer/StepNewPassword/index.tsx
View File

@ -3,7 +3,7 @@ import classes from "./classes.module.scss";
import Typography, { ETypo, ETypoColor } from "@Front/Components/DesignSystem/Typography"; import Typography, { ETypo, ETypoColor } from "@Front/Components/DesignSystem/Typography";
import Form from "@Front/Components/DesignSystem/Form"; import Form from "@Front/Components/DesignSystem/Form";
import TextField from "@Front/Components/DesignSystem/Form/TextField"; import TextField from "@Front/Components/DesignSystem/Form/TextField";
import Button, { EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonColor } from "@Front/Components/DesignSystem/Button";
import { ValidationError } from "class-validator"; import { ValidationError } from "class-validator";
type IProps = { type IProps = {
onSubmit: (e: React.FormEvent<HTMLFormElement> | null, values: { [key: string]: string }) => void; onSubmit: (e: React.FormEvent<HTMLFormElement> | null, values: { [key: string]: string }) => void;
@ -34,7 +34,7 @@ export default function StepNewPassword(props: IProps) {
validationError={validationErrors.find((error) => error.property === "confirm_password")} validationError={validationErrors.find((error) => error.property === "confirm_password")}
password password
/> />
<Button type="submit" variant={EButtonVariant.PRIMARY} className={classes["submit_button"]}> <Button type="submit" variant={EButtonColor.PRIMARY} className={classes["submit_button"]}>
Valider Valider
</Button> </Button>
</Form> </Form>

4
src/front/Components/Layouts/LoginCustomer/StepPassword/index.tsx
View File

@ -3,7 +3,7 @@ import classes from "./classes.module.scss";
import Typography, { ETypo } from "@Front/Components/DesignSystem/Typography"; import Typography, { ETypo } from "@Front/Components/DesignSystem/Typography";
import Form from "@Front/Components/DesignSystem/Form"; import Form from "@Front/Components/DesignSystem/Form";
import TextField from "@Front/Components/DesignSystem/Form/TextField"; import TextField from "@Front/Components/DesignSystem/Form/TextField";
import Button, { EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonColor } from "@Front/Components/DesignSystem/Button";
import { ValidationError } from "class-validator"; import { ValidationError } from "class-validator";
import Confirm from "@Front/Components/DesignSystem/Modal/Confirm"; import Confirm from "@Front/Components/DesignSystem/Modal/Confirm";
type IProps = { type IProps = {
@ -46,7 +46,7 @@ export default function StepPassword(props: IProps) {
Mot de passe oublié ? Mot de passe oublié ?
</Typography> </Typography>
</div> </div>
<Button type="submit" variant={EButtonVariant.PRIMARY} className={classes["submit_button"]}> <Button type="submit" variant={EButtonColor.PRIMARY} className={classes["submit_button"]}>
Valider Valider
</Button> </Button>
</Form> </Form>

6
src/front/Components/Layouts/LoginCustomer/StepTotp/index.tsx
View File

@ -3,7 +3,7 @@ import classes from "./classes.module.scss";
import Typography, { ETypo, ETypoColor } from "@Front/Components/DesignSystem/Typography"; import Typography, { ETypo, ETypoColor } from "@Front/Components/DesignSystem/Typography";
import Form from "@Front/Components/DesignSystem/Form"; import Form from "@Front/Components/DesignSystem/Form";
import TextField from "@Front/Components/DesignSystem/Form/TextField"; import TextField from "@Front/Components/DesignSystem/Form/TextField";
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonStyleType, EButtonColor } from "@Front/Components/DesignSystem/Button";
import { ValidationError } from "class-validator"; import { ValidationError } from "class-validator";
type IProps = { type IProps = {
onSubmit: (e: React.FormEvent<HTMLFormElement> | null, values: { [key: string]: string }) => void; onSubmit: (e: React.FormEvent<HTMLFormElement> | null, values: { [key: string]: string }) => void;
@ -48,14 +48,14 @@ export default function StepTotp(props: IProps) {
name="totpCode" name="totpCode"
validationError={validationErrors.find((error) => error.property === "totpCode")} validationError={validationErrors.find((error) => error.property === "totpCode")}
/> />
<Button type="submit" variant={EButtonVariant.PRIMARY} className={classes["submit_button"]}> <Button type="submit" variant={EButtonColor.PRIMARY} className={classes["submit_button"]}>
Suivant Suivant
</Button> </Button>
</Form> </Form>
<div className={classes["ask-another-code"]}> <div className={classes["ask-another-code"]}>
<Typography typo={ETypo.TEXT_MD_REGULAR}>Vous n'avez rien reçu ?</Typography> <Typography typo={ETypo.TEXT_MD_REGULAR}>Vous n'avez rien reçu ?</Typography>
<Button <Button
variant={EButtonVariant.PRIMARY} variant={EButtonColor.PRIMARY}
styleType={EButtonStyleType.TEXT} styleType={EButtonStyleType.TEXT}
disabled={disableNewCodeButton} disabled={disableNewCodeButton}
data-disabled={disableNewCodeButton.toString()} data-disabled={disableNewCodeButton.toString()}

4
src/front/Components/Layouts/LoginHome/index.tsx
View File

@ -3,7 +3,7 @@ import DefaultDoubleSidePage from "@Front/Components/LayoutTemplates/DefaultDoub
import classes from "./classes.module.scss"; import classes from "./classes.module.scss";
import LandingImage from "../Login/landing-connect.jpeg"; import LandingImage from "../Login/landing-connect.jpeg";
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonStyleType, EButtonColor } from "@Front/Components/DesignSystem/Button";
import Link from "next/link"; import Link from "next/link";
import Module from "@Front/Config/Module"; import Module from "@Front/Config/Module";
@ -38,7 +38,7 @@ export default function LoginHome() {
<div className={classes["forget-password"]}>Vous n'arrivez pas à vous connecter ?</div> <div className={classes["forget-password"]}>Vous n'arrivez pas à vous connecter ?</div>
</Typography> </Typography>
<Link href="mailto:support@lecoffre.io"> <Link href="mailto:support@lecoffre.io">
<Button variant={EButtonVariant.PRIMARY} styleType={EButtonStyleType.TEXT}> <Button variant={EButtonColor.PRIMARY} styleType={EButtonStyleType.TEXT}>
Contacter l'administrateur Contacter l'administrateur
</Button> </Button>
</Link> </Link>

6
src/front/Components/Layouts/Rib/index.tsx
View File

@ -3,7 +3,7 @@ import Typography, { ETypo, ETypoColor } from "@Front/Components/DesignSystem/Ty
import classes from "./classes.module.scss"; import classes from "./classes.module.scss";
import DefaultTemplate from "@Front/Components/LayoutTemplates/DefaultTemplate"; import DefaultTemplate from "@Front/Components/LayoutTemplates/DefaultTemplate";
import FilePreview from "@Front/Components/DesignSystem/FilePreview"; import FilePreview from "@Front/Components/DesignSystem/FilePreview";
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonStyleType, EButtonColor } from "@Front/Components/DesignSystem/Button";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import OfficeRib from "@Front/Api/LeCoffreApi/Notary/OfficeRib/OfficeRib"; import OfficeRib from "@Front/Api/LeCoffreApi/Notary/OfficeRib/OfficeRib";
import DepositRib from "@Front/Components/DesignSystem/DepositRib"; import DepositRib from "@Front/Components/DesignSystem/DepositRib";
@ -130,10 +130,10 @@ export default function Rib() {
</div> </div>
<div className={classes["footer"]}> <div className={classes["footer"]}>
<div className={classes["buttons-container"]}> <div className={classes["buttons-container"]}>
<Button onClick={openDeleteModal} variant={EButtonVariant.SECONDARY}> <Button onClick={openDeleteModal} variant={EButtonColor.SECONDARY}>
Supprimer Supprimer
</Button> </Button>
<Button onClick={openRibModal} variant={EButtonVariant.PRIMARY} styleType={EButtonStyleType.OUTLINED}> <Button onClick={openRibModal} variant={EButtonColor.PRIMARY} styleType={EButtonStyleType.OUTLINED}>
Modifier Modifier
</Button> </Button>
<Button onClick={downloadFile}>Télécharger</Button> <Button onClick={downloadFile}>Télécharger</Button>

4
src/front/Components/Layouts/Roles/RolesCreate/index.tsx
View File

@ -1,5 +1,5 @@
import OfficeRoles from "@Front/Api/LeCoffreApi/Admin/OfficeRoles/OfficeRoles"; import OfficeRoles from "@Front/Api/LeCoffreApi/Admin/OfficeRoles/OfficeRoles";
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonStyleType, EButtonColor } from "@Front/Components/DesignSystem/Button";
import Form from "@Front/Components/DesignSystem/Form"; import Form from "@Front/Components/DesignSystem/Form";
import TextField from "@Front/Components/DesignSystem/Form/TextField"; import TextField from "@Front/Components/DesignSystem/Form/TextField";
import Confirm from "@Front/Components/DesignSystem/Modal/Confirm"; import Confirm from "@Front/Components/DesignSystem/Modal/Confirm";
@ -100,7 +100,7 @@ export default function RolesCreate(props: IProps) {
validationError={validationError.find((error) => error.property === "name")} validationError={validationError.find((error) => error.property === "name")}
/> />
<div className={classes["buttons-container"]}> <div className={classes["buttons-container"]}>
<Button variant={EButtonVariant.PRIMARY} styleType={EButtonStyleType.OUTLINED} onClick={onCancel}> <Button variant={EButtonColor.PRIMARY} styleType={EButtonStyleType.OUTLINED} onClick={onCancel}>
Annuler Annuler
</Button> </Button>
<Button type="submit">Créer le rôle</Button> <Button type="submit">Créer le rôle</Button>

4
src/front/Components/Layouts/Subscription/Components/SubscribeIllimityComponent/index.tsx
View File

@ -6,7 +6,7 @@ import SubscribeCheckoutTicket, { EPaymentFrequencyFront as EPaymentFrequency }
import { EForfeitType, forfeitsPrices } from "../../SubscriptionFacturation"; import { EForfeitType, forfeitsPrices } from "../../SubscriptionFacturation";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import Check from "@Front/Components/Elements/Icons/Check"; import Check from "@Front/Components/Elements/Icons/Check";
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonStyleType, EButtonColor } from "@Front/Components/DesignSystem/Button";
import RadioBox from "@Front/Components/DesignSystem/RadioBox"; import RadioBox from "@Front/Components/DesignSystem/RadioBox";
import Confirm from "@Front/Components/DesignSystem/Modal/Confirm"; import Confirm from "@Front/Components/DesignSystem/Modal/Confirm";
import useOpenable from "@Front/Hooks/useOpenable"; import useOpenable from "@Front/Hooks/useOpenable";
@ -135,7 +135,7 @@ export default function SubscribeIllimityComponent({ hasNavTab = true }: IProps)
</Typography> </Typography>
</div> </div>
<div className={classes["voir-recap"]}> <div className={classes["voir-recap"]}>
<Button fullwidth variant={EButtonVariant.PRIMARY} styleType={EButtonStyleType.TEXT} onClick={open}> <Button fullwidth variant={EButtonColor.PRIMARY} styleType={EButtonStyleType.TEXT} onClick={open}>
Voir le récapitulatif plus en détail Voir le récapitulatif plus en détail
</Button> </Button>
</div> </div>

4
src/front/Components/Layouts/Subscription/Components/SubscribeStandardComponent/index.tsx
View File

@ -7,7 +7,7 @@ import SubscribeCheckoutTicket, { EPaymentFrequencyFront as EPaymentFrequency }
import { EForfeitType, collaboratorPrice, forfeitsPrices } from "../../SubscriptionFacturation"; import { EForfeitType, collaboratorPrice, forfeitsPrices } from "../../SubscriptionFacturation";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import Check from "@Front/Components/Elements/Icons/Check"; import Check from "@Front/Components/Elements/Icons/Check";
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonStyleType, EButtonColor } from "@Front/Components/DesignSystem/Button";
import RadioBox from "@Front/Components/DesignSystem/RadioBox"; import RadioBox from "@Front/Components/DesignSystem/RadioBox";
import Confirm from "@Front/Components/DesignSystem/Modal/Confirm"; import Confirm from "@Front/Components/DesignSystem/Modal/Confirm";
import useOpenable from "@Front/Hooks/useOpenable"; import useOpenable from "@Front/Hooks/useOpenable";
@ -130,7 +130,7 @@ export default function SubscribeStandardComponent({ hasNavTab = true }: IProps)
</Typography> </Typography>
</div> </div>
<div className={classes["voir-recap"]}> <div className={classes["voir-recap"]}>
<Button fullwidth variant={EButtonVariant.PRIMARY} styleType={EButtonStyleType.TEXT} onClick={open}> <Button fullwidth variant={EButtonColor.PRIMARY} styleType={EButtonStyleType.TEXT} onClick={open}>
Voir le récapitulatif plus en détail Voir le récapitulatif plus en détail
</Button> </Button>
</div> </div>

2
src/front/Components/Layouts/Subscription/Components/SubscriptionClientInfos/index.tsx
View File

@ -16,7 +16,7 @@ export default function SubscriptionClientInfos(props: IProps) {
<Typography typo={ETypo.TEXT_LG_REGULAR} color={ETypoColor.COLOR_GENERIC_BLACK}> <Typography typo={ETypo.TEXT_LG_REGULAR} color={ETypoColor.COLOR_GENERIC_BLACK}>
{customer.email} {customer.email}
</Typography> </Typography>
{/* <Typography typo={ITypo.TEXT_LG_SEMIBOLD} color={ITypoColor.COLOR_GENERIC_BLACK}> {/* <Typography typo={ITypo.TEXT_LG_SEMIBOLD} color={ETypoColor.COLOR_GENERIC_BLACK}>
Adresse de facturation Adresse de facturation
</Typography> */} </Typography> */}
<Typography typo={ETypo.TEXT_LG_REGULAR} color={ETypoColor.COLOR_GENERIC_BLACK}> <Typography typo={ETypo.TEXT_LG_REGULAR} color={ETypoColor.COLOR_GENERIC_BLACK}>

6
src/front/Components/Layouts/Subscription/Manage/SubscriptionManageCollaborators/index.tsx
View File

@ -3,7 +3,7 @@ import classes from "./classes.module.scss";
import DefaultTemplate from "@Front/Components/LayoutTemplates/DefaultTemplate"; import DefaultTemplate from "@Front/Components/LayoutTemplates/DefaultTemplate";
import Form from "@Front/Components/DesignSystem/Form"; import Form from "@Front/Components/DesignSystem/Form";
import CheckBox from "@Front/Components/DesignSystem/CheckBox"; import CheckBox from "@Front/Components/DesignSystem/CheckBox";
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonStyleType, EButtonColor } from "@Front/Components/DesignSystem/Button";
import React, { useCallback, useEffect, useState } from "react"; import React, { useCallback, useEffect, useState } from "react";
import User, { Subscription } from "le-coffre-resources/dist/Admin"; import User, { Subscription } from "le-coffre-resources/dist/Admin";
import JwtService, { IUserJwtPayload } from "@Front/Services/JwtService/JwtService"; import JwtService, { IUserJwtPayload } from "@Front/Services/JwtService/JwtService";
@ -113,11 +113,11 @@ export default function SubscriptionManageCollaborators() {
{selectedCollaborators.length} collaborateurs sélectionnés {selectedCollaborators.length} collaborateurs sélectionnés
</Typography> </Typography>
<div className={classes["buttons-container"]}> <div className={classes["buttons-container"]}>
<Button type="submit" variant={EButtonVariant.PRIMARY} fullwidth> <Button type="submit" variant={EButtonColor.PRIMARY} fullwidth>
Enregistrer Enregistrer
</Button> </Button>
<Button <Button
variant={EButtonVariant.PRIMARY} variant={EButtonColor.PRIMARY}
styleType={EButtonStyleType.OUTLINED} styleType={EButtonStyleType.OUTLINED}
fullwidth fullwidth
onClick={cancelAll} onClick={cancelAll}

14
src/front/Components/Layouts/Subscription/SubscriptionFacturation/index.tsx
View File

@ -1,7 +1,7 @@
import Typography, { ETypo, ETypoColor } from "@Front/Components/DesignSystem/Typography"; import Typography, { ETypo, ETypoColor } from "@Front/Components/DesignSystem/Typography";
import classes from "./classes.module.scss"; import classes from "./classes.module.scss";
import DefaultTemplate from "@Front/Components/LayoutTemplates/DefaultTemplate"; import DefaultTemplate from "@Front/Components/LayoutTemplates/DefaultTemplate";
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonStyleType, EButtonColor } from "@Front/Components/DesignSystem/Button";
import { useCallback, useEffect, useState } from "react"; import { useCallback, useEffect, useState } from "react";
import Confirm from "@Front/Components/DesignSystem/Modal/Confirm"; import Confirm from "@Front/Components/DesignSystem/Modal/Confirm";
import useOpenable from "@Front/Hooks/useOpenable"; import useOpenable from "@Front/Hooks/useOpenable";
@ -153,7 +153,7 @@ export default function SubscriptionFacturation() {
<Button <Button
onClick={manageSubscription} onClick={manageSubscription}
fullwidth fullwidth
variant={EButtonVariant.PRIMARY} variant={EButtonColor.PRIMARY}
styleType={EButtonStyleType.OUTLINED}> styleType={EButtonStyleType.OUTLINED}>
Rétrograder mon abonnement Rétrograder mon abonnement
</Button> </Button>
@ -165,7 +165,7 @@ export default function SubscriptionFacturation() {
href={ href={
Module.getInstance().get().modules.pages.Subscription.pages.Manage.pages.Standard.props.path Module.getInstance().get().modules.pages.Subscription.pages.Manage.pages.Standard.props.path
}> */} }> */}
<Button onClick={openConfirmationRemoveSeats} fullwidth variant={EButtonVariant.PRIMARY}> <Button onClick={openConfirmationRemoveSeats} fullwidth variant={EButtonColor.PRIMARY}>
Changer de plan Changer de plan
</Button> </Button>
{/* </Link> */} {/* </Link> */}
@ -173,7 +173,7 @@ export default function SubscriptionFacturation() {
href={ href={
Module.getInstance().get().modules.pages.Subscription.pages.ManageCollaborators.props.path Module.getInstance().get().modules.pages.Subscription.pages.ManageCollaborators.props.path
}> }>
<Button fullwidth variant={EButtonVariant.PRIMARY} styleType={EButtonStyleType.OUTLINED}> <Button fullwidth variant={EButtonColor.PRIMARY} styleType={EButtonStyleType.OUTLINED}>
Gérer mes attributions Gérer mes attributions
</Button> </Button>
</Link> </Link>
@ -223,7 +223,7 @@ export default function SubscriptionFacturation() {
</div> </div>
<div className={classes["button-container"]}> <div className={classes["button-container"]}>
{subscription.type === "UNLIMITED" && ( {subscription.type === "UNLIMITED" && (
<Button fullwidth variant={EButtonVariant.PRIMARY} disabled> <Button fullwidth variant={EButtonColor.PRIMARY} disabled>
Abonnement Max Activé Abonnement Max Activé
</Button> </Button>
)} )}
@ -233,7 +233,7 @@ export default function SubscriptionFacturation() {
<Button <Button
onClick={manageSubscription} onClick={manageSubscription}
fullwidth fullwidth
variant={EButtonVariant.PRIMARY} variant={EButtonColor.PRIMARY}
styleType={EButtonStyleType.OUTLINED}> styleType={EButtonStyleType.OUTLINED}>
Améliorer mon abonnement Améliorer mon abonnement
</Button> </Button>
@ -243,7 +243,7 @@ export default function SubscriptionFacturation() {
</div> </div>
</div> </div>
<div className={classes["actions-container"]}> <div className={classes["actions-container"]}>
<Button variant={EButtonVariant.PRIMARY} styleType={EButtonStyleType.TEXT} onClick={cancelOrReactivateSubscription}> <Button variant={EButtonColor.PRIMARY} styleType={EButtonStyleType.TEXT} onClick={cancelOrReactivateSubscription}>
{!cancelAt && ( {!cancelAt && (
<Typography typo={ETypo.TEXT_LG_REGULAR} color={ETypoColor.COLOR_ERROR_600}> <Typography typo={ETypo.TEXT_LG_REGULAR} color={ETypoColor.COLOR_ERROR_600}>
Arrêter l'abonnement Arrêter l'abonnement

4
src/front/Components/Layouts/Subscription/SubscriptionInvite/index.tsx
View File

@ -3,7 +3,7 @@ import classes from "./classes.module.scss";
import DefaultTemplate from "@Front/Components/LayoutTemplates/DefaultTemplate"; import DefaultTemplate from "@Front/Components/LayoutTemplates/DefaultTemplate";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import TextField from "@Front/Components/DesignSystem/Form/TextField"; import TextField from "@Front/Components/DesignSystem/Form/TextField";
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonStyleType, EButtonColor } from "@Front/Components/DesignSystem/Button";
import Form from "@Front/Components/DesignSystem/Form"; import Form from "@Front/Components/DesignSystem/Form";
import Subscriptions from "@Front/Api/LeCoffreApi/Admin/Subscriptions/Subscriptions"; import Subscriptions from "@Front/Api/LeCoffreApi/Admin/Subscriptions/Subscriptions";
import { useCallback, useState } from "react"; import { useCallback, useState } from "react";
@ -110,7 +110,7 @@ export default function SubscriptionInvite() {
<div className={classes["add-line-container"]}> <div className={classes["add-line-container"]}>
<Button <Button
onClick={addLine} onClick={addLine}
variant={EButtonVariant.PRIMARY} variant={EButtonColor.PRIMARY}
styleType={EButtonStyleType.TEXT} styleType={EButtonStyleType.TEXT}
icon={PlusIcon}> icon={PlusIcon}>
Ajouter une adresse email Ajouter une adresse email

4
src/front/Components/Layouts/Users/UserInformations/index.tsx
View File

@ -3,7 +3,7 @@ import WarningIcon from "@Assets/images/warning.png";
import Roles from "@Front/Api/LeCoffreApi/Admin/Roles/Roles"; import Roles from "@Front/Api/LeCoffreApi/Admin/Roles/Roles";
import LiveVotes from "@Front/Api/LeCoffreApi/SuperAdmin/LiveVotes/LiveVotes"; import LiveVotes from "@Front/Api/LeCoffreApi/SuperAdmin/LiveVotes/LiveVotes";
import Users from "@Front/Api/LeCoffreApi/SuperAdmin/Users/Users"; import Users from "@Front/Api/LeCoffreApi/SuperAdmin/Users/Users";
import Button, { EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonColor } from "@Front/Components/DesignSystem/Button";
import Confirm from "@Front/Components/DesignSystem/Modal/Confirm"; import Confirm from "@Front/Components/DesignSystem/Modal/Confirm";
import Switch from "@Front/Components/DesignSystem/Switch"; import Switch from "@Front/Components/DesignSystem/Switch";
import Typography, { ETypo, ETypoColor } from "@Front/Components/DesignSystem/Typography"; import Typography, { ETypo, ETypoColor } from "@Front/Components/DesignSystem/Typography";
@ -296,7 +296,7 @@ export default function UserInformations(props: IProps) {
</div> </div>
{userHasVoted() && ( {userHasVoted() && (
<div className={classes["remove-my-vote"]}> <div className={classes["remove-my-vote"]}>
<Button variant={EButtonVariant.SECONDARY} onClick={deleteMyVote}> <Button variant={EButtonColor.SECONDARY} onClick={deleteMyVote}>
Retirer mon vote Retirer mon vote
</Button> </Button>
</div> </div>