Assets directory tree refactored. River form assts updated.

src/app/assets/river/river_high_toggle.svg

@@ -0,0 +1,16 @@
+<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="80" height="80" rx="6" fill="#8B8C8C"/>
+<path d="M61.2188 17.7969L57.2344 21.7812V25.7656L54.0469 28.9531V36.125L58.0312 32.1406H63.6094V17.7969H61.2188Z" fill="#816551"/>
+<path d="M52.4531 48.875H63.6094V32.1406H58.0312L52.4531 37.7188V48.875Z" fill="#AC876C"/>
+<path d="M52.4531 48.875C54.2134 48.875 55.6406 47.4478 55.6406 45.6875C55.6406 43.9272 54.2134 42.5 52.4531 42.5C51.4706 42.5 50.6028 42.9542 50.0179 43.6531C49.8019 42.1032 48.4847 40.9062 46.875 40.9062C45.6112 40.9062 44.529 41.6473 44.0134 42.7136C43.6628 42.5813 43.2875 42.5 42.8906 42.5C42.4938 42.5 42.1185 42.5813 41.7678 42.7136C41.2522 41.6473 40.1701 40.9062 38.9062 40.9062C37.146 40.9062 35.7188 42.3335 35.7188 44.0938C34.3983 44.0938 33.3281 45.164 33.3281 46.4844C33.3281 47.8048 34.3983 48.875 35.7188 48.875H52.4531Z" fill="#8BD2F5"/>
+<path d="M35.7127 47.5078C35.6917 47.575 35.6803 47.6473 35.6625 47.7155C35.6803 47.6463 35.6925 47.575 35.7127 47.5078Z" fill="#8BD2F5"/>
+<path d="M35.5481 48.2158C35.5092 48.47 35.4865 48.7315 35.4865 49.0001C35.4865 48.7315 35.51 48.47 35.5481 48.2158Z" fill="#8BD2F5"/>
+<path d="M29 18V19.0333L30.6216 21.1V26.2667L33.8649 30.4V37.6334L36.2973 40.7334V46.2927C36.8916 45.4257 37.7551 44.8667 38.7297 44.8667C40.0157 44.8667 41.1168 45.8277 41.6414 47.2103C41.9981 47.0388 42.38 46.9334 42.7838 46.9334C43.1876 46.9334 43.5695 47.0388 43.9262 47.2103C44.4508 45.8277 45.5519 44.8667 46.8378 44.8667C48.4757 44.8667 49.8159 46.4188 50.0357 48.4286C50.6308 47.5224 51.5138 46.9334 52.5135 46.9334V40.7334L54.1351 38.6667V29.3667L57.3784 25.2333V20.0667L59 18H29Z" fill="#8BD2F5"/>
+<path d="M35.9635 46.8711C35.9594 46.8793 35.9569 46.8898 35.9528 46.898C35.9561 46.8886 35.9594 46.8793 35.9635 46.8711Z" fill="#8BD2F5"/>
+<path d="M33.3281 46.4844C33.3281 45.164 34.3983 44.0938 35.7188 44.0938C35.7188 43.2905 36.0255 42.5661 36.5156 42.0059C36.5156 39.9771 36.5156 37.7188 36.5156 37.7188L25.3594 26.5625H22.1719L18.9844 23.375H15.7969V48.875H35.7188C34.3983 48.875 33.3281 47.8048 33.3281 46.4844Z" fill="#AC876C"/>
+<path d="M18.9844 23.375L22.1719 26.5625H25.3594L34.125 35.3281V29.75L30.9375 26.5625V22.5781L26.1562 17.7969H19.7812L17.3906 20.1875V23.375H18.9844Z" fill="#816551"/>
+<path d="M63.6094 49.6719H15.7969C15.357 49.6719 15 49.3157 15 48.875V23.375C15 22.9343 15.357 22.5781 15.7969 22.5781H18.9844C19.1955 22.5781 19.3987 22.6618 19.5478 22.8116L22.5018 25.7656H25.3594C25.5705 25.7656 25.7737 25.8493 25.9228 25.9991L37.079 37.1554C37.2288 37.3044 37.3125 37.5068 37.3125 37.7188V41.99H35.7188V38.0487L25.0295 27.3594H22.1719C21.9607 27.3594 21.7575 27.2757 21.6085 27.1259L18.6545 24.1719H16.5938V48.0781H62.8125V32.9375H58.3612L53.25 38.0487V41.7031C53.25 41.9151 53.1663 42.1175 53.0165 42.2665L52.0714 43.2116L50.9446 42.0848L51.6562 41.3732V37.7188C51.6562 37.5068 51.7399 37.3044 51.8897 37.1554L57.4679 31.5772C57.6169 31.4274 57.8201 31.3438 58.0312 31.3438H63.6094C64.0492 31.3438 64.4062 31.7 64.4062 32.1406V48.875C64.4062 49.3157 64.0492 49.6719 63.6094 49.6719Z" fill="black"/>
+<path d="M34.9219 35.3281H33.3281V30.0799L30.3741 27.1259C30.2243 26.9769 30.1406 26.7745 30.1406 26.5625V22.908L25.8263 18.5938H20.1112L18.1875 20.5174V23.375H16.5938V20.1875C16.5938 19.9755 16.6774 19.7731 16.8272 19.6241L19.2179 17.2335C19.3669 17.0837 19.5701 17 19.7812 17H26.1562C26.3674 17 26.5706 17.0837 26.7196 17.2335L31.5009 22.0147C31.6507 22.1637 31.7344 22.3662 31.7344 22.5781V26.2326L34.6884 29.1866C34.8382 29.3356 34.9219 29.538 34.9219 29.75V35.3281Z" fill="black"/>
+<path d="M54.8438 36.125H53.25V28.9531C53.25 28.7412 53.3337 28.5387 53.4835 28.3897L56.4375 25.4357V21.7812C56.4375 21.5693 56.5212 21.3669 56.671 21.2179L60.6554 17.2335C60.8044 17.0837 61.0076 17 61.2188 17H63.6094C64.0492 17 64.4062 17.3562 64.4062 17.7969V32.1406H62.8125V18.5938H61.5487L58.0312 22.1112V25.7656C58.0312 25.9776 57.9476 26.18 57.7978 26.329L54.8438 29.283V36.125Z" fill="black"/>
+<path d="M33.6535 66.6826H29.798L28.9914 69H27.1936L30.9533 59.0469H32.5051L36.2717 69H34.467L33.6535 66.6826ZM30.2834 65.2881H33.1682L31.7258 61.1592L30.2834 65.2881ZM39.1879 69H37.5268V58.5H39.1879V69ZM43.2594 59.8057V61.6035H44.565V62.834H43.2594V66.9629C43.2594 67.2454 43.3141 67.4505 43.4234 67.5781C43.5374 67.7012 43.7379 67.7627 44.025 67.7627C44.2164 67.7627 44.4101 67.7399 44.6061 67.6943V68.9795C44.2278 69.0843 43.8632 69.1367 43.5123 69.1367C42.2363 69.1367 41.5982 68.4326 41.5982 67.0244V62.834H40.3814V61.6035H41.5982V59.8057H43.2594ZM45.4988 65.2334C45.4988 64.5088 45.6424 63.8571 45.9295 63.2783C46.2166 62.695 46.6199 62.2484 47.1395 61.9385C47.659 61.624 48.256 61.4668 48.9305 61.4668C49.9285 61.4668 50.7374 61.7881 51.3572 62.4307C51.9816 63.0732 52.3188 63.9255 52.3689 64.9873L52.3758 65.377C52.3758 66.1061 52.2345 66.7578 51.952 67.332C51.674 67.9062 51.2729 68.3506 50.7488 68.665C50.2293 68.9795 49.6277 69.1367 48.9441 69.1367C47.9005 69.1367 47.0643 68.7904 46.4353 68.0977C45.811 67.4004 45.4988 66.473 45.4988 65.3154V65.2334ZM47.16 65.377C47.16 66.138 47.3172 66.735 47.6316 67.168C47.9461 67.5964 48.3836 67.8105 48.9441 67.8105C49.5047 67.8105 49.9399 67.5918 50.2498 67.1543C50.5643 66.7168 50.7215 66.0765 50.7215 65.2334C50.7215 64.486 50.5597 63.8936 50.2361 63.4561C49.9171 63.0186 49.4819 62.7998 48.9305 62.7998C48.3881 62.7998 47.9575 63.0163 47.6385 63.4492C47.3195 63.8776 47.16 64.5202 47.16 65.377Z" fill="white"/>
+</svg>

src/app/assets/river/river_low_toggle.svg

@@ -0,0 +1,16 @@
+<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="80" height="80" rx="6" fill="#8B8C8C"/>
+<path d="M23.2984 66.647V56.6938H26.7096C27.8352 56.6938 28.692 56.9194 29.2799 57.3706C29.8678 57.8218 30.1617 58.494 30.1617 59.3872C30.1617 59.8429 30.0387 60.2531 29.7926 60.6177C29.5465 60.9823 29.1865 61.2648 28.7125 61.4653C29.2503 61.6112 29.665 61.8869 29.9566 62.2925C30.2529 62.6935 30.401 63.1766 30.401 63.7417C30.401 64.6759 30.1002 65.3937 29.4986 65.895C28.9016 66.3963 28.0449 66.647 26.9283 66.647H23.2984ZM25.0279 62.1558V65.2661H26.9488C27.4911 65.2661 27.915 65.1317 28.2203 64.8628C28.5257 64.5939 28.6783 64.2202 28.6783 63.7417C28.6783 62.7072 28.1497 62.1785 27.0924 62.1558H25.0279ZM25.0279 60.8843H26.7232C27.261 60.8843 27.6803 60.7635 27.9811 60.522C28.2864 60.2759 28.4391 59.9295 28.4391 59.4829C28.4391 58.9907 28.2978 58.6353 28.0152 58.4165C27.7372 58.1978 27.302 58.0884 26.7096 58.0884H25.0279V60.8843ZM36.5643 66.647C36.4913 66.5057 36.4275 66.2756 36.3729 65.9565C35.8442 66.508 35.1971 66.7837 34.4314 66.7837C33.6886 66.7837 33.0825 66.5718 32.6131 66.1479C32.1437 65.7241 31.909 65.2 31.909 64.5757C31.909 63.7873 32.2007 63.1834 32.784 62.7642C33.3719 62.3403 34.2104 62.1284 35.2996 62.1284H36.3182V61.6431C36.3182 61.2603 36.2111 60.9549 35.9969 60.7271C35.7827 60.4946 35.4568 60.3784 35.0193 60.3784C34.6411 60.3784 34.3312 60.4741 34.0896 60.6655C33.8481 60.8524 33.7273 61.0916 33.7273 61.3833H32.0662C32.0662 60.9777 32.2007 60.5994 32.4695 60.2485C32.7384 59.8931 33.103 59.6151 33.5633 59.4146C34.0281 59.214 34.5454 59.1138 35.115 59.1138C35.9809 59.1138 36.6714 59.3325 37.1863 59.77C37.7013 60.203 37.9656 60.8136 37.9793 61.6021V64.938C37.9793 65.6034 38.0727 66.1343 38.2596 66.5308V66.647H36.5643ZM34.7391 65.4507C35.0672 65.4507 35.3748 65.3709 35.6619 65.2114C35.9536 65.0519 36.1723 64.8377 36.3182 64.5688V63.1743H35.4227C34.8074 63.1743 34.3449 63.2814 34.035 63.4956C33.7251 63.7098 33.5701 64.0129 33.5701 64.4048C33.5701 64.7238 33.6749 64.979 33.8846 65.1704C34.0988 65.3573 34.3836 65.4507 34.7391 65.4507ZM41.6611 66.647H40V59.2505H41.6611V66.647ZM39.8975 57.3296C39.8975 57.0744 39.9772 56.8625 40.1367 56.6938C40.3008 56.5252 40.5332 56.4409 40.834 56.4409C41.1348 56.4409 41.3672 56.5252 41.5312 56.6938C41.6953 56.8625 41.7773 57.0744 41.7773 57.3296C41.7773 57.5802 41.6953 57.7899 41.5312 57.9585C41.3672 58.1226 41.1348 58.2046 40.834 58.2046C40.5332 58.2046 40.3008 58.1226 40.1367 57.9585C39.9772 57.7899 39.8975 57.5802 39.8975 57.3296ZM46.3068 61.6841L47.715 59.2505H49.5607L47.298 62.894L49.6359 66.647H47.8039L46.3273 64.1177L44.8576 66.647H43.0119L45.3498 62.894L43.0939 59.2505H44.926L46.3068 61.6841ZM50.2826 62.8804C50.2826 62.1558 50.4262 61.5041 50.7133 60.9253C51.0004 60.342 51.4037 59.8953 51.9232 59.5854C52.4428 59.271 53.0398 59.1138 53.7143 59.1138C54.7123 59.1138 55.5212 59.4351 56.141 60.0776C56.7654 60.7202 57.1026 61.5724 57.1527 62.6343L57.1596 63.0239C57.1596 63.7531 57.0183 64.4048 56.7357 64.979C56.4577 65.5532 56.0567 65.9976 55.5326 66.312C55.0131 66.6265 54.4115 66.7837 53.7279 66.7837C52.6843 66.7837 51.848 66.4373 51.2191 65.7446C50.5948 65.0474 50.2826 64.12 50.2826 62.9624V62.8804ZM51.9437 63.0239C51.9437 63.785 52.101 64.382 52.4154 64.8149C52.7299 65.2433 53.1674 65.4575 53.7279 65.4575C54.2885 65.4575 54.7237 65.2388 55.0336 64.8013C55.348 64.3638 55.5053 63.7235 55.5053 62.8804C55.5053 62.133 55.3435 61.5405 55.0199 61.103C54.7009 60.6655 54.2657 60.4468 53.7143 60.4468C53.1719 60.4468 52.7413 60.6632 52.4223 61.0962C52.1033 61.5246 51.9437 62.1672 51.9437 63.0239Z" fill="white"/>
+<path d="M60.5 20.6711L56.75 24.0264V27.3817L53.75 30.0659V36.1054L57.5 32.7501H62.75V20.6711H60.5Z" fill="#816551"/>
+<path d="M52.25 46.8421H62.75V32.75H57.5L52.25 37.4474V46.8421Z" fill="#AC876C"/>
+<path d="M52.25 46.8421C53.9068 46.8421 55.25 45.6403 55.25 44.1579C55.25 42.6756 53.9068 41.4737 52.25 41.4737C51.3252 41.4737 50.5085 41.8562 49.958 42.4447C49.7548 41.1395 48.515 40.1316 47 40.1316C45.8105 40.1316 44.792 40.7557 44.3068 41.6535C43.9768 41.5421 43.6235 41.4737 43.25 41.4737C42.8765 41.4737 42.5232 41.5421 42.1932 41.6535C41.708 40.7557 40.6895 40.1316 39.5 40.1316C37.8432 40.1316 36.5 41.3334 36.5 42.8158C35.2573 42.8158 34.25 43.717 34.25 44.829C34.25 45.9409 35.2573 46.8421 36.5 46.8421H52.25Z" fill="#8BD2F5"/>
+<path d="M38.7654 42.6689C38.7509 42.6756 38.743 42.6827 38.7307 42.6894C38.743 42.6826 38.7514 42.6756 38.7654 42.6689Z" fill="#8BD2F5"/>
+<path d="M38.6518 42.7385C38.6249 42.7636 38.6093 42.7893 38.6093 42.8158C38.6093 42.7893 38.6255 42.7636 38.6518 42.7385Z" fill="#8BD2F5"/>
+<path d="M34.1323 39.7632V39.8649L35.2516 40.0684V40.5772L37.49 40.9842V41.6965L39.1689 42.0018V42.5492C39.5791 42.4638 40.1751 42.4088 40.8477 42.4088C41.7353 42.4088 42.4953 42.5034 42.8573 42.6396C43.1036 42.6227 43.3671 42.6123 43.6458 42.6123C43.9245 42.6123 44.1881 42.6227 44.4343 42.6396C44.7964 42.5034 45.5564 42.4088 46.4439 42.4088C47.5744 42.4088 48.4994 42.5616 48.6511 42.7595C49.0618 42.6703 49.6713 42.6123 50.3613 42.6123V42.0018L51.4805 41.7983V40.8825L53.719 40.4755V39.9667L54.8382 39.7632H34.1323Z" fill="#8BD2F5"/>
+<path d="M38.9392 42.6062C38.936 42.6072 38.9342 42.6084 38.931 42.6093C38.9335 42.6083 38.936 42.6072 38.9392 42.6062Z" fill="#8BD2F5"/>
+<path d="M34.25 44.8289C34.25 43.717 35.2573 42.8158 36.5 42.8158C36.5 42.1394 36.7887 41.5294 37.25 41.0576C37.25 39.3491 37.25 37.4474 37.25 37.4474L26.75 28.0526H23.75L20.75 25.3684H17.75V46.8421H36.5C35.2573 46.8421 34.25 45.9409 34.25 44.8289Z" fill="#AC876C"/>
+<path d="M20.75 25.3685L23.75 28.0527H26.75L35 35.4343V30.7369L32 28.0527V24.6975L27.5 20.6711H21.5L19.25 22.6843V25.3685H20.75Z" fill="#816551"/>
+<path d="M62.75 47.5133H17.75C17.336 47.5133 17 47.2133 17 46.8422V25.3686C17 24.9975 17.336 24.6975 17.75 24.6975H20.75C20.9487 24.6975 21.14 24.768 21.2802 24.8941L24.0605 27.3817H26.75C26.9487 27.3817 27.14 27.4522 27.2802 27.5783L37.7803 36.9731C37.9213 37.0986 38 37.269 38 37.4475V41.0444H36.5V37.7253L26.4395 28.7238H23.75C23.5513 28.7238 23.36 28.6534 23.2198 28.5272L20.4395 26.0396H18.5V46.1712H62V33.4212H57.8105L53 37.7253V40.8028C53 40.9813 52.9213 41.1517 52.7803 41.2772L51.8907 42.0731L50.8302 41.1242L51.5 40.525V37.4475C51.5 37.269 51.5787 37.0986 51.7197 36.9731L56.9697 32.2757C57.11 32.1495 57.3013 32.0791 57.5 32.0791H62.75C63.164 32.0791 63.5 32.379 63.5 32.7501V46.8422C63.5 47.2133 63.164 47.5133 62.75 47.5133Z" fill="black"/>
+<path d="M35.75 35.4342H34.25V31.0147L31.4697 28.5271C31.3287 28.4016 31.25 28.2311 31.25 28.0526V24.9752L27.1895 21.3421H21.8105L20 22.962V25.3684H18.5V22.6842C18.5 22.5057 18.5787 22.3353 18.7197 22.2098L20.9698 20.1966C21.11 20.0705 21.3013 20 21.5 20H27.5C27.6987 20 27.89 20.0705 28.0302 20.1966L32.5303 24.2229C32.6713 24.3484 32.75 24.5189 32.75 24.6974V27.7748L35.5303 30.2624C35.6713 30.3879 35.75 30.5583 35.75 30.7368V35.4342Z" fill="black"/>
+<path d="M54.5 36.1053H53V30.0658C53 29.8873 53.0787 29.7168 53.2197 29.5914L56 27.1038V24.0263C56 23.8478 56.0787 23.6774 56.2197 23.5519L59.9697 20.1966C60.11 20.0705 60.3013 20 60.5 20H62.75C63.164 20 63.5 20.3 63.5 20.6711V32.75H62V21.3421H60.8105L57.5 24.3041V27.3816C57.5 27.5601 57.4213 27.7305 57.2803 27.856L54.5 30.3436V36.1053Z" fill="black"/>
+</svg>

src/app/assets/river/river_normal.svg

@@ -0,0 +1,16 @@
+<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="80" height="80" rx="6" fill="#006493"/>
+<path d="M61.2188 14.7969L57.2344 18.7812V22.7656L54.0469 25.9531V33.125L58.0312 29.1406H63.6094V14.7969H61.2188Z" fill="#816551"/>
+<path d="M52.4531 45.875H63.6094V29.1406H58.0312L52.4531 34.7188V45.875Z" fill="#AC876C"/>
+<path d="M52.4531 45.875C54.2134 45.875 55.6406 44.4478 55.6406 42.6875C55.6406 40.9272 54.2134 39.5 52.4531 39.5C51.4706 39.5 50.6028 39.9542 50.0179 40.6531C49.8019 39.1032 48.4847 37.9062 46.875 37.9062C45.6112 37.9062 44.529 38.6473 44.0134 39.7136C43.6628 39.5813 43.2875 39.5 42.8906 39.5C42.4938 39.5 42.1185 39.5813 41.7678 39.7136C41.2522 38.6473 40.1701 37.9062 38.9062 37.9062C37.146 37.9062 35.7188 39.3335 35.7188 41.0938C34.3983 41.0938 33.3281 42.164 33.3281 43.4844C33.3281 44.8048 34.3983 45.875 35.7188 45.875H52.4531Z" fill="#8BD2F5"/>
+<path d="M38.1257 40.5117C38.1103 40.5379 38.1019 40.5661 38.0889 40.5927C38.1019 40.5657 38.1109 40.5379 38.1257 40.5117Z" fill="#8BD2F5"/>
+<path d="M38.005 40.7877C37.9765 40.8869 37.9598 40.9889 37.9598 41.0937C37.9598 40.9889 37.9771 40.8869 38.005 40.7877Z" fill="#8BD2F5"/>
+<path d="M33.2031 29V29.4031L34.3923 30.2094V32.225L36.7707 33.8375V36.6594L38.5545 37.8688V40.0376C38.9903 39.6994 39.6236 39.4813 40.3383 39.4813C41.2813 39.4813 42.0887 39.8562 42.4734 40.3955C42.7351 40.3286 43.0151 40.2875 43.3112 40.2875C43.6073 40.2875 43.8874 40.3286 44.149 40.3955C44.5337 39.8562 45.3412 39.4813 46.2842 39.4813C47.4853 39.4813 48.4682 40.0868 48.6293 40.8708C49.0657 40.5173 49.7132 40.2875 50.4464 40.2875V37.8688L51.6356 37.0625V33.4344L54.0139 31.8219V29.8063L55.2031 29H33.2031Z" fill="#8BD2F5"/>
+<path d="M38.3099 40.2633C38.3068 40.2665 38.3049 40.2706 38.3018 40.2738C38.3043 40.2701 38.3068 40.2665 38.3099 40.2633Z" fill="#8BD2F5"/>
+<path d="M33.3281 43.4844C33.3281 42.164 34.3983 41.0938 35.7188 41.0938C35.7188 40.2905 36.0255 39.5661 36.5156 39.0059C36.5156 36.9771 36.5156 34.7188 36.5156 34.7188L25.3594 23.5625H22.1719L18.9844 20.375H15.7969V45.875H35.7188C34.3983 45.875 33.3281 44.8048 33.3281 43.4844Z" fill="#AC876C"/>
+<path d="M18.9844 20.375L22.1719 23.5625H25.3594L34.125 32.3281V26.75L30.9375 23.5625V19.5781L26.1562 14.7969H19.7812L17.3906 17.1875V20.375H18.9844Z" fill="#816551"/>
+<path d="M63.6094 46.6719H15.7969C15.357 46.6719 15 46.3157 15 45.875V20.375C15 19.9343 15.357 19.5781 15.7969 19.5781H18.9844C19.1955 19.5781 19.3987 19.6618 19.5478 19.8116L22.5018 22.7656H25.3594C25.5705 22.7656 25.7737 22.8493 25.9228 22.9991L37.079 34.1554C37.2288 34.3044 37.3125 34.5068 37.3125 34.7188V38.99H35.7188V35.0487L25.0295 24.3594H22.1719C21.9607 24.3594 21.7575 24.2757 21.6085 24.1259L18.6545 21.1719H16.5938V45.0781H62.8125V29.9375H58.3612L53.25 35.0487V38.7031C53.25 38.9151 53.1663 39.1175 53.0165 39.2665L52.0714 40.2116L50.9446 39.0848L51.6562 38.3732V34.7188C51.6562 34.5068 51.7399 34.3044 51.8897 34.1554L57.4679 28.5772C57.6169 28.4274 57.8201 28.3438 58.0312 28.3438H63.6094C64.0493 28.3438 64.4062 28.7 64.4062 29.1406V45.875C64.4062 46.3157 64.0493 46.6719 63.6094 46.6719Z" fill="black"/>
+<path d="M34.9219 32.3281H33.3281V27.0799L30.3741 24.1259C30.2243 23.9769 30.1406 23.7745 30.1406 23.5625V19.908L25.8263 15.5938H20.1112L18.1875 17.5174V20.375H16.5938V17.1875C16.5938 16.9755 16.6774 16.7731 16.8272 16.6241L19.2179 14.2335C19.3669 14.0837 19.5701 14 19.7812 14H26.1562C26.3674 14 26.5706 14.0837 26.7196 14.2335L31.5009 19.0147C31.6507 19.1637 31.7344 19.3662 31.7344 19.5781V23.2326L34.6884 26.1866C34.8382 26.3356 34.9219 26.538 34.9219 26.75V32.3281Z" fill="black"/>
+<path d="M54.8438 33.125H53.25V25.9531C53.25 25.7412 53.3337 25.5387 53.4835 25.3897L56.4375 22.4357V18.7812C56.4375 18.5693 56.5212 18.3669 56.671 18.2179L60.6554 14.2335C60.8044 14.0837 61.0076 14 61.2188 14H63.6094C64.0492 14 64.4062 14.3562 64.4062 14.7969V29.1406H62.8125V15.5938H61.5487L58.0312 19.1112V22.7656C58.0312 22.9776 57.9476 23.18 57.7978 23.329L54.8438 26.283V33.125Z" fill="black"/>
+<path d="M25.3848 66H23.6553L19.2188 58.9385V66H17.4893V56.0469H19.2188L23.6689 63.1357V56.0469H25.3848V66ZM27.132 62.2334C27.132 61.5088 27.2756 60.8571 27.5627 60.2783C27.8498 59.695 28.2531 59.2484 28.7727 58.9385C29.2922 58.624 29.8892 58.4668 30.5637 58.4668C31.5617 58.4668 32.3706 58.7881 32.9904 59.4307C33.6148 60.0732 33.952 60.9255 34.0021 61.9873L34.009 62.377C34.009 63.1061 33.8677 63.7578 33.5852 64.332C33.3072 64.9062 32.9061 65.3506 32.382 65.665C31.8625 65.9795 31.2609 66.1367 30.5773 66.1367C29.5337 66.1367 28.6975 65.7904 28.0686 65.0977C27.4442 64.4004 27.132 63.473 27.132 62.3154V62.2334ZM28.7932 62.377C28.7932 63.138 28.9504 63.735 29.2648 64.168C29.5793 64.5964 30.0168 64.8105 30.5773 64.8105C31.1379 64.8105 31.5731 64.5918 31.883 64.1543C32.1975 63.7168 32.3547 63.0765 32.3547 62.2334C32.3547 61.486 32.1929 60.8936 31.8693 60.4561C31.5503 60.0186 31.1151 59.7998 30.5637 59.7998C30.0214 59.7998 29.5907 60.0163 29.2717 60.4492C28.9527 60.8776 28.7932 61.5202 28.7932 62.377ZM39.4613 60.1211C39.2426 60.0846 39.017 60.0664 38.7846 60.0664C38.0235 60.0664 37.5108 60.3581 37.2465 60.9414V66H35.5854V58.6035H37.1713L37.2123 59.4307C37.6133 58.7881 38.1693 58.4668 38.8803 58.4668C39.1173 58.4668 39.3132 58.4987 39.4682 58.5625L39.4613 60.1211ZM42.2477 58.6035L42.2955 59.376C42.815 58.7699 43.526 58.4668 44.4283 58.4668C45.4173 58.4668 46.094 58.8451 46.4586 59.6016C46.9964 58.8451 47.7529 58.4668 48.7281 58.4668C49.5439 58.4668 50.15 58.6924 50.5465 59.1436C50.9475 59.5947 51.1526 60.2601 51.1617 61.1396V66H49.5006V61.1875C49.5006 60.7181 49.398 60.374 49.193 60.1553C48.9879 59.9365 48.6484 59.8271 48.1744 59.8271C47.7962 59.8271 47.4863 59.9297 47.2447 60.1348C47.0077 60.3353 46.8414 60.5996 46.7457 60.9277L46.7525 66H45.0914V61.1328C45.0686 60.2624 44.6243 59.8271 43.7584 59.8271C43.093 59.8271 42.6214 60.0983 42.3434 60.6406V66H40.6822V58.6035H42.2477ZM57.4617 66C57.3888 65.8587 57.325 65.6286 57.2703 65.3096C56.7417 65.861 56.0945 66.1367 55.3289 66.1367C54.5861 66.1367 53.9799 65.9248 53.5105 65.501C53.0411 65.0771 52.8064 64.5531 52.8064 63.9287C52.8064 63.1403 53.0981 62.5365 53.6814 62.1172C54.2693 61.6934 55.1079 61.4814 56.1971 61.4814H57.2156V60.9961C57.2156 60.6133 57.1085 60.3079 56.8943 60.0801C56.6801 59.8477 56.3543 59.7314 55.9168 59.7314C55.5385 59.7314 55.2286 59.8271 54.9871 60.0186C54.7456 60.2054 54.6248 60.4447 54.6248 60.7363H52.9637C52.9637 60.3307 53.0981 59.9525 53.367 59.6016C53.6359 59.2461 54.0005 58.9681 54.4607 58.7676C54.9256 58.5671 55.4428 58.4668 56.0125 58.4668C56.8784 58.4668 57.5688 58.6855 58.0838 59.123C58.5988 59.556 58.8631 60.1667 58.8768 60.9551V64.291C58.8768 64.9564 58.9702 65.4873 59.157 65.8838V66H57.4617ZM55.6365 64.8037C55.9646 64.8037 56.2723 64.724 56.5594 64.5645C56.851 64.4049 57.0698 64.1908 57.2156 63.9219V62.5273H56.3201C55.7049 62.5273 55.2423 62.6344 54.9324 62.8486C54.6225 63.0628 54.4676 63.3659 54.4676 63.7578C54.4676 64.0768 54.5724 64.332 54.782 64.5234C54.9962 64.7103 55.2811 64.8037 55.6365 64.8037ZM62.5586 66H60.8975V55.5H62.5586V66Z" fill="white"/>
+</svg>

src/app/assets/river/river_normal_toggle.svg

@@ -0,0 +1,16 @@
+<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="80" height="80" rx="6" fill="#8B8C8C"/>
+<path d="M61.2188 14.7969L57.2344 18.7812V22.7656L54.0469 25.9531V33.125L58.0312 29.1406H63.6094V14.7969H61.2188Z" fill="#816551"/>
+<path d="M52.4531 45.875H63.6094V29.1406H58.0312L52.4531 34.7188V45.875Z" fill="#AC876C"/>
+<path d="M52.4531 45.875C54.2134 45.875 55.6406 44.4478 55.6406 42.6875C55.6406 40.9272 54.2134 39.5 52.4531 39.5C51.4706 39.5 50.6028 39.9542 50.0179 40.6531C49.8019 39.1032 48.4847 37.9062 46.875 37.9062C45.6112 37.9062 44.529 38.6473 44.0134 39.7136C43.6628 39.5813 43.2875 39.5 42.8906 39.5C42.4938 39.5 42.1185 39.5813 41.7678 39.7136C41.2522 38.6473 40.1701 37.9062 38.9062 37.9062C37.146 37.9062 35.7188 39.3335 35.7188 41.0938C34.3983 41.0938 33.3281 42.164 33.3281 43.4844C33.3281 44.8048 34.3983 45.875 35.7188 45.875H52.4531Z" fill="#8BD2F5"/>
+<path d="M38.1257 40.5117C38.1103 40.5379 38.1019 40.5661 38.0889 40.5927C38.1019 40.5657 38.1109 40.5379 38.1257 40.5117Z" fill="#8BD2F5"/>
+<path d="M38.005 40.7878C37.9765 40.887 37.9598 40.989 37.9598 41.0938C37.9598 40.989 37.9771 40.887 38.005 40.7878Z" fill="#8BD2F5"/>
+<path d="M33.2031 29V29.4031L34.3923 30.2094V32.225L36.7707 33.8375V36.6594L38.5545 37.8688V40.0376C38.9903 39.6994 39.6236 39.4813 40.3383 39.4813C41.2813 39.4813 42.0887 39.8562 42.4734 40.3955C42.7351 40.3286 43.0151 40.2875 43.3112 40.2875C43.6073 40.2875 43.8874 40.3286 44.149 40.3955C44.5337 39.8562 45.3412 39.4813 46.2842 39.4813C47.4853 39.4813 48.4682 40.0868 48.6293 40.8708C49.0657 40.5173 49.7132 40.2875 50.4464 40.2875V37.8688L51.6356 37.0625V33.4344L54.0139 31.8219V29.8063L55.2031 29H33.2031Z" fill="#8BD2F5"/>
+<path d="M38.3099 40.2632C38.3068 40.2664 38.3049 40.2705 38.3018 40.2737C38.3043 40.27 38.3068 40.2664 38.3099 40.2632Z" fill="#8BD2F5"/>
+<path d="M33.3281 43.4844C33.3281 42.164 34.3983 41.0938 35.7188 41.0938C35.7188 40.2905 36.0255 39.5661 36.5156 39.0059C36.5156 36.9771 36.5156 34.7188 36.5156 34.7188L25.3594 23.5625H22.1719L18.9844 20.375H15.7969V45.875H35.7188C34.3983 45.875 33.3281 44.8048 33.3281 43.4844Z" fill="#AC876C"/>
+<path d="M18.9844 20.375L22.1719 23.5625H25.3594L34.125 32.3281V26.75L30.9375 23.5625V19.5781L26.1562 14.7969H19.7812L17.3906 17.1875V20.375H18.9844Z" fill="#816551"/>
+<path d="M63.6094 46.6719H15.7969C15.357 46.6719 15 46.3157 15 45.875V20.375C15 19.9343 15.357 19.5781 15.7969 19.5781H18.9844C19.1955 19.5781 19.3987 19.6618 19.5478 19.8116L22.5018 22.7656H25.3594C25.5705 22.7656 25.7737 22.8493 25.9228 22.9991L37.079 34.1554C37.2288 34.3044 37.3125 34.5068 37.3125 34.7188V38.99H35.7188V35.0487L25.0295 24.3594H22.1719C21.9607 24.3594 21.7575 24.2757 21.6085 24.1259L18.6545 21.1719H16.5938V45.0781H62.8125V29.9375H58.3612L53.25 35.0487V38.7031C53.25 38.9151 53.1663 39.1175 53.0165 39.2665L52.0714 40.2116L50.9446 39.0848L51.6562 38.3732V34.7188C51.6562 34.5068 51.7399 34.3044 51.8897 34.1554L57.4679 28.5772C57.6169 28.4274 57.8201 28.3438 58.0312 28.3438H63.6094C64.0492 28.3438 64.4062 28.7 64.4062 29.1406V45.875C64.4062 46.3157 64.0492 46.6719 63.6094 46.6719Z" fill="black"/>
+<path d="M34.9219 32.3281H33.3281V27.0799L30.3741 24.1259C30.2243 23.9769 30.1406 23.7745 30.1406 23.5625V19.908L25.8263 15.5938H20.1112L18.1875 17.5174V20.375H16.5938V17.1875C16.5938 16.9755 16.6774 16.7731 16.8272 16.6241L19.2179 14.2335C19.3669 14.0837 19.5701 14 19.7812 14H26.1562C26.3674 14 26.5706 14.0837 26.7196 14.2335L31.5009 19.0147C31.6507 19.1637 31.7344 19.3662 31.7344 19.5781V23.2326L34.6884 26.1866C34.8382 26.3356 34.9219 26.538 34.9219 26.75V32.3281Z" fill="black"/>
+<path d="M54.8438 33.125H53.25V25.9531C53.25 25.7412 53.3337 25.5387 53.4835 25.3897L56.4375 22.4357V18.7812C56.4375 18.5693 56.5212 18.3669 56.671 18.2179L60.6554 14.2335C60.8044 14.0837 61.0076 14 61.2188 14H63.6094C64.0492 14 64.4062 14.3562 64.4062 14.7969V29.1406H62.8125V15.5938H61.5487L58.0312 19.1112V22.7656C58.0312 22.9776 57.9476 23.18 57.7978 23.329L54.8438 26.283V33.125Z" fill="black"/>
+<path d="M25.3848 66H23.6553L19.2188 58.9385V66H17.4893V56.0469H19.2188L23.6689 63.1357V56.0469H25.3848V66ZM27.132 62.2334C27.132 61.5088 27.2756 60.8571 27.5627 60.2783C27.8498 59.695 28.2531 59.2484 28.7727 58.9385C29.2922 58.624 29.8892 58.4668 30.5637 58.4668C31.5617 58.4668 32.3706 58.7881 32.9904 59.4307C33.6148 60.0732 33.952 60.9255 34.0021 61.9873L34.009 62.377C34.009 63.1061 33.8677 63.7578 33.5852 64.332C33.3072 64.9062 32.9061 65.3506 32.382 65.665C31.8625 65.9795 31.2609 66.1367 30.5773 66.1367C29.5337 66.1367 28.6975 65.7904 28.0686 65.0977C27.4442 64.4004 27.132 63.473 27.132 62.3154V62.2334ZM28.7932 62.377C28.7932 63.138 28.9504 63.735 29.2648 64.168C29.5793 64.5964 30.0168 64.8105 30.5773 64.8105C31.1379 64.8105 31.5731 64.5918 31.883 64.1543C32.1975 63.7168 32.3547 63.0765 32.3547 62.2334C32.3547 61.486 32.1929 60.8936 31.8693 60.4561C31.5503 60.0186 31.1151 59.7998 30.5637 59.7998C30.0214 59.7998 29.5907 60.0163 29.2717 60.4492C28.9527 60.8776 28.7932 61.5202 28.7932 62.377ZM39.4613 60.1211C39.2426 60.0846 39.017 60.0664 38.7846 60.0664C38.0235 60.0664 37.5108 60.3581 37.2465 60.9414V66H35.5854V58.6035H37.1713L37.2123 59.4307C37.6133 58.7881 38.1693 58.4668 38.8803 58.4668C39.1173 58.4668 39.3132 58.4987 39.4682 58.5625L39.4613 60.1211ZM42.2477 58.6035L42.2955 59.376C42.815 58.7699 43.526 58.4668 44.4283 58.4668C45.4173 58.4668 46.094 58.8451 46.4586 59.6016C46.9964 58.8451 47.7529 58.4668 48.7281 58.4668C49.5439 58.4668 50.15 58.6924 50.5465 59.1436C50.9475 59.5947 51.1526 60.2601 51.1617 61.1396V66H49.5006V61.1875C49.5006 60.7181 49.398 60.374 49.193 60.1553C48.9879 59.9365 48.6484 59.8271 48.1744 59.8271C47.7962 59.8271 47.4863 59.9297 47.2447 60.1348C47.0077 60.3353 46.8414 60.5996 46.7457 60.9277L46.7525 66H45.0914V61.1328C45.0686 60.2624 44.6243 59.8271 43.7584 59.8271C43.093 59.8271 42.6214 60.0983 42.3434 60.6406V66H40.6822V58.6035H42.2477ZM57.4617 66C57.3888 65.8587 57.325 65.6286 57.2703 65.3096C56.7417 65.861 56.0945 66.1367 55.3289 66.1367C54.5861 66.1367 53.9799 65.9248 53.5105 65.501C53.0411 65.0771 52.8064 64.5531 52.8064 63.9287C52.8064 63.1403 53.0981 62.5365 53.6814 62.1172C54.2693 61.6934 55.1079 61.4814 56.1971 61.4814H57.2156V60.9961C57.2156 60.6133 57.1085 60.3079 56.8943 60.0801C56.6801 59.8477 56.3543 59.7314 55.9168 59.7314C55.5385 59.7314 55.2286 59.8271 54.9871 60.0186C54.7456 60.2054 54.6248 60.4447 54.6248 60.7363H52.9637C52.9637 60.3307 53.0981 59.9525 53.367 59.6016C53.6359 59.2461 54.0005 58.9681 54.4607 58.7676C54.9256 58.5671 55.4428 58.4668 56.0125 58.4668C56.8784 58.4668 57.5688 58.6855 58.0838 59.123C58.5988 59.556 58.8631 60.1667 58.8768 60.9551V64.291C58.8768 64.9564 58.9702 65.4873 59.157 65.8838V66H57.4617ZM55.6365 64.8037C55.9646 64.8037 56.2723 64.724 56.5594 64.5645C56.851 64.4049 57.0698 64.1908 57.2156 63.9219V62.5273H56.3201C55.7049 62.5273 55.2423 62.6344 54.9324 62.8486C54.6225 63.0628 54.4676 63.3659 54.4676 63.7578C54.4676 64.0768 54.5724 64.332 54.782 64.5234C54.9962 64.7103 55.2811 64.8037 55.6365 64.8037ZM62.5586 66H60.8975V55.5H62.5586V66Z" fill="white"/>
+</svg>

src/app/assets/river_normal.svg

@@ -1,116 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="80"
-   height="80"
-   viewBox="0 0 80 80"
-   fill="none"
-   version="1.1"
-   id="svg30"
-   sodipodi:docname="river_normal.svg"
-   inkscape:version="1.0.2 (e86c870879, 2021-01-15)">
-  <metadata
-     id="metadata36">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <defs
-     id="defs34" />
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1920"
-     inkscape:window-height="1013"
-     id="namedview32"
-     showgrid="false"
-     inkscape:zoom="7.85"
-     inkscape:cx="58.238927"
-     inkscape:cy="40"
-     inkscape:window-x="0"
-     inkscape:window-y="37"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg30" />
-  <rect
-     width="80"
-     height="80"
-     rx="6"
-     fill="#006493"
-     id="rect2" />
-  <path
-     d="M61.2188 14.7969L57.2344 18.7812V22.7656L54.0469 25.9531V33.125L58.0312 29.1406H63.6094V14.7969H61.2188Z"
-     fill="#816551"
-     id="path4" />
-  <path
-     d="M52.4531 45.875H63.6094V29.1406H58.0312L52.4531 34.7188V45.875Z"
-     fill="#AC876C"
-     id="path6" />
-  <path
-     d="M52.4531 45.875C54.2134 45.875 55.6406 44.4478 55.6406 42.6875C55.6406 40.9272 54.2134 39.5 52.4531 39.5C51.4706 39.5 50.6028 39.9542 50.0179 40.6531C49.8019 39.1032 48.4847 37.9062 46.875 37.9062C45.6112 37.9062 44.529 38.6473 44.0134 39.7136C43.6628 39.5813 43.2875 39.5 42.8906 39.5C42.4938 39.5 42.1185 39.5813 41.7678 39.7136C41.2522 38.6473 40.1701 37.9062 38.9062 37.9062C37.146 37.9062 35.7188 39.3335 35.7188 41.0938C34.3983 41.0938 33.3281 42.164 33.3281 43.4844C33.3281 44.8048 34.3983 45.875 35.7188 45.875H52.4531Z"
-     fill="#8BD2F5"
-     id="path8" />
-  <path
-     d="M38.1257 40.5117C38.1103 40.5379 38.1019 40.5661 38.0889 40.5927C38.1019 40.5657 38.1109 40.5379 38.1257 40.5117Z"
-     fill="#8BD2F5"
-     id="path10" />
-  <path
-     d="M38.005 40.7877C37.9765 40.8869 37.9598 40.9889 37.9598 41.0937C37.9598 40.9889 37.9771 40.8869 38.005 40.7877Z"
-     fill="#8BD2F5"
-     id="path12" />
-  <path
-     d="M33.2031 29V29.4031L34.3923 30.2094V32.225L36.7707 33.8375V36.6594L38.5545 37.8688V40.0376C38.9903 39.6994 39.6236 39.4813 40.3383 39.4813C41.2813 39.4813 42.0887 39.8562 42.4734 40.3955C42.7351 40.3286 43.0151 40.2875 43.3112 40.2875C43.6073 40.2875 43.8874 40.3286 44.149 40.3955C44.5337 39.8562 45.3412 39.4813 46.2842 39.4813C47.4853 39.4813 48.4682 40.0868 48.6293 40.8708C49.0657 40.5173 49.7132 40.2875 50.4464 40.2875V37.8688L51.6356 37.0625V33.4344L54.0139 31.8219V29.8063L55.2031 29H33.2031Z"
-     fill="#8BD2F5"
-     id="path14" />
-  <path
-     d="M38.3099 40.2633C38.3068 40.2665 38.3049 40.2706 38.3018 40.2738C38.3043 40.2701 38.3068 40.2665 38.3099 40.2633Z"
-     fill="#8BD2F5"
-     id="path16" />
-  <path
-     d="M33.3281 43.4844C33.3281 42.164 34.3983 41.0938 35.7188 41.0938C35.7188 40.2905 36.0255 39.5661 36.5156 39.0059C36.5156 36.9771 36.5156 34.7188 36.5156 34.7188L25.3594 23.5625H22.1719L18.9844 20.375H15.7969V45.875H35.7188C34.3983 45.875 33.3281 44.8048 33.3281 43.4844Z"
-     fill="#AC876C"
-     id="path18" />
-  <path
-     d="M18.9844 20.375L22.1719 23.5625H25.3594L34.125 32.3281V26.75L30.9375 23.5625V19.5781L26.1562 14.7969H19.7812L17.3906 17.1875V20.375H18.9844Z"
-     fill="#816551"
-     id="path20" />
-  <path
-     d="M63.6094 46.6719H15.7969C15.357 46.6719 15 46.3157 15 45.875V20.375C15 19.9343 15.357 19.5781 15.7969 19.5781H18.9844C19.1955 19.5781 19.3987 19.6618 19.5478 19.8116L22.5018 22.7656H25.3594C25.5705 22.7656 25.7737 22.8493 25.9228 22.9991L37.079 34.1554C37.2288 34.3044 37.3125 34.5068 37.3125 34.7188V38.99H35.7188V35.0487L25.0295 24.3594H22.1719C21.9607 24.3594 21.7575 24.2757 21.6085 24.1259L18.6545 21.1719H16.5938V45.0781H62.8125V29.9375H58.3612L53.25 35.0487V38.7031C53.25 38.9151 53.1663 39.1175 53.0165 39.2665L52.0714 40.2116L50.9446 39.0848L51.6562 38.3732V34.7188C51.6562 34.5068 51.7399 34.3044 51.8897 34.1554L57.4679 28.5772C57.6169 28.4274 57.8201 28.3438 58.0312 28.3438H63.6094C64.0493 28.3438 64.4062 28.7 64.4062 29.1406V45.875C64.4062 46.3157 64.0493 46.6719 63.6094 46.6719Z"
-     fill="black"
-     id="path22" />
-  <path
-     d="M34.9219 32.3281H33.3281V27.0799L30.3741 24.1259C30.2243 23.9769 30.1406 23.7745 30.1406 23.5625V19.908L25.8263 15.5938H20.1112L18.1875 17.5174V20.375H16.5938V17.1875C16.5938 16.9755 16.6774 16.7731 16.8272 16.6241L19.2179 14.2335C19.3669 14.0837 19.5701 14 19.7812 14H26.1562C26.3674 14 26.5706 14.0837 26.7196 14.2335L31.5009 19.0147C31.6507 19.1637 31.7344 19.3662 31.7344 19.5781V23.2326L34.6884 26.1866C34.8382 26.3356 34.9219 26.538 34.9219 26.75V32.3281Z"
-     fill="black"
-     id="path24" />
-  <path
-     d="M54.8438 33.125H53.25V25.9531C53.25 25.7412 53.3337 25.5387 53.4835 25.3897L56.4375 22.4357V18.7812C56.4375 18.5693 56.5212 18.3669 56.671 18.2179L60.6554 14.2335C60.8044 14.0837 61.0076 14 61.2188 14H63.6094C64.0492 14 64.4062 14.3562 64.4062 14.7969V29.1406H62.8125V15.5938H61.5487L58.0312 19.1112V22.7656C58.0312 22.9776 57.9476 23.18 57.7978 23.329L54.8438 26.283V33.125Z"
-     fill="black"
-     id="path26" />
-  <text
-     xml:space="preserve"
-     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:14px;line-height:0.299999px;font-family:MathJax_Main;-inkscape-font-specification:'MathJax_Main, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none"
-     x="14.485116"
-     y="65.575226"
-     id="text40"><tspan
-       sodipodi:role="line"
-       id="tspan38"
-       x="14.485116"
-       y="65.575226"
-       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:14px;font-family:roboto;-inkscape-font-specification:roboto;fill:#ffffff">Normal</tspan></text>
-</svg>

src/app/config/assets.js

@@ -1,18 +1,22 @@
-import Pluviometer from "../assets/pluviometer-logo.svg";
-import RainIcon from "../assets/rain-icon.svg";
-import RiverIcon from "../assets/river-logo.svg";
-import FloodZones from "../assets/floodZones-logo.svg";
-import RiverFlood from "../assets/river-extravasado.svg";
-import RiverLow from "../assets/river_low.svg";
-import RiverHigh from "../assets/river_high.svg";
-import RiverNormal from "../assets/river_normal.svg";
-import RainNot from "../assets/sem_chuva.svg";
-import RainLow from "../assets/chuva_fraca.svg";
-import RainMedium from "../assets/chuva_moderada.svg";
-import RainHigh from "../assets/chuva_forte.svg";
-import RainVeryHigh from "../assets/chuva_muito_forte.svg";
-import FloodZonesPassable from "../assets/alagamento_transitavel.svg";
-import FloodZonesNotPassable from "../assets/alagamento_intransitavel.svg";
+import Pluviometer from "../assets/pluviometer/pluviometer-logo.svg";
+import RainIcon from "../assets/rain/rain-icon.svg";
+import RiverIcon from "../assets/river/river-logo.svg";
+import FloodZones from "../assets/floodZonesAssets/floodZones-logo.svg";
+
+import RiverFlood from "../assets/river/river_extravasado.svg";
+import RiverLow from "../assets/river/river_low.svg";
+import RiverHigh from "../assets/river/river_high.svg";
+import RiverNormal from "../assets/river/river_normal.svg";
+import RiverFloodToggle from "../assets/river/river_extravasado_toggle.svg";
+import RiverLowToggle from "../assets/river/river_low_toggle.svg";
+import RiverHighToggle from "../assets/river/river_high_toggle.svg";
+import RiverNormalToggle from "../assets/river/river_normal_toggle.svg";
+
+import RainNot from "../assets/rain/sem_chuva.svg";
+import RainLow from "../assets/rain/chuva_fraca.svg";
+import RainMedium from "../assets/rain/chuva_moderada.svg";
+import RainHigh from "../assets/rain/chuva_forte.svg";
+import RainVeryHigh from "../assets/rain/chuva_muito_forte.svg";
 
 export default {
   floodZones: {
@@ -21,37 +25,43 @@ export default {
     passable_toggle: require("../assets/floodZonesAssets/Transitavel_c.png"),
 
     passable_2: require("../assets/floodZonesAssets/passable_2.png"),
-    Passable: FloodZonesPassable,
     notPassable: require("../assets/floodZonesAssets/not_passable_icon.png"),
     notPassable2: require("../assets/floodZonesAssets/notpassable_2_toggle.png"),
     notPassable_toggle: require("../assets/floodZonesAssets/Intransitavel_c.png"),
-    NotPassable: FloodZonesNotPassable,
   },
   riverLevel: {
     RiverIcon: RiverIcon,
-    low: require("../assets/rio_baixo.png"),
+
+    low: require("../assets/river/rio_baixo.png"),
     Low: RiverLow,
-    normal: require("../assets/rio_normal.png"),
+    LowToggle: RiverLowToggle,
+
+    normal: require("../assets/river/rio_normal.png"),
     Normal: RiverNormal,
-    high: require("../assets/rio_alto.png"),
+    NormalToggle: RiverNormalToggle,
+
+    high: require("../assets/river/rio_alto.png"),
     High: RiverHigh,
-    flooding: require("../assets/rio_transbordando.png"),
+    HighToggle: RiverHighToggle,
+
+    flooding: require("../assets/river/rio_transbordando.png"),
     Flooding: RiverFlood,
+    FloodingToggle: RiverFloodToggle,
   },
   rainLevel: {
     RainIcon: RainIcon,
-    rain_0_5: require("../assets/sem_chuva.png"),
+    rain_0_5: require("../assets/rain/sem_chuva.png"),
     Rain_0_5: RainNot,
-    rain_1_5: require("../assets/chuva_fraca.png"),
+    rain_1_5: require("../assets/rain/chuva_fraca.png"),
     Rain_1_5: RainLow,
-    rain_2_5: require("../assets/chuva_peq.png"),
+    rain_2_5: require("../assets/rain/chuva_peq.png"),
     Rain_2_5: RainMedium,
-    rain_3_5: require("../assets/chuva_forte.png"),
+    rain_3_5: require("../assets/rain/chuva_forte.png"),
     Rain_3_5: RainHigh,
-    rain_4_5: require("../assets/chuva_muito_forte.png"),
+    rain_4_5: require("../assets/rain/chuva_muito_forte.png"),
     Rain_4_5: RainVeryHigh,
-    rain_5_5: require("../assets/chuva_pancadas.png"),
+    rain_5_5: require("../assets/rain/chuva_pancadas.png"),
   },
-  pluviometer: require("../assets/diario_pluviometrico.png"),
+  pluviometer: require("../assets/pluviometer/diario_pluviometrico.png"),
   PluviometerIcon: Pluviometer,
 };

src/app/screens/RiverFloodSharingDataScreen.js

@@ -46,7 +46,8 @@ function RiverFloodSharingDataScreen(props) {
   const [date, setDate] = useState(moment());
   const [time, setTime] = useState(moment());
 
-  const dims = scaleDimsFromWidth(85, 85, 20);
+  const dims = scaleDimsFromWidth(80, 80, 20);
+
   return (
     <Screen style={styles.container}>
       <KeyboardAwareScrollView
@@ -77,38 +78,42 @@ function RiverFloodSharingDataScreen(props) {
           <View>
             <View style={styles.imgs_row}>
               <TouchableNativeFeedback onPress={() => setRiverScale(0)}>
-                <View
-                  borderColor={riverScale == 0 ? colors.primary : colors.white}
-                  style={styles.img_block}
-                >
-                  <assets.riverLevel.Low {...dims} />
+                <View style={styles.img_block}>
+                  {riverScale == 0 ? (
+                    <assets.riverLevel.LowToggle {...dims} />
+                  ) : (
+                    <assets.riverLevel.Low {...dims} />
+                  )}
                 </View>
               </TouchableNativeFeedback>
 
               <TouchableNativeFeedback onPress={() => setRiverScale(1)}>
-                <View
-                  borderColor={riverScale == 1 ? colors.primary : colors.white}
-                  style={styles.img_block}
-                >
-                  <assets.riverLevel.Normal {...dims} />
+                <View style={styles.img_block}>
+                  {riverScale == 1 ? (
+                    <assets.riverLevel.NormalToggle {...dims} />
+                  ) : (
+                    <assets.riverLevel.Normal {...dims} />
+                  )}
                 </View>
               </TouchableNativeFeedback>
 
               <TouchableNativeFeedback onPress={() => setRiverScale(2)}>
-                <View
-                  borderColor={riverScale == 2 ? colors.primary : colors.white}
-                  style={styles.img_block}
-                >
-                  <assets.riverLevel.High {...dims} />
+                <View style={styles.img_block}>
+                  {riverScale == 2 ? (
+                    <assets.riverLevel.HighToggle {...dims} />
+                  ) : (
+                    <assets.riverLevel.High {...dims} />
+                  )}
                 </View>
               </TouchableNativeFeedback>
 
               <TouchableNativeFeedback onPress={() => setRiverScale(3)}>
-                <View
-                  borderColor={riverScale == 3 ? colors.primary : colors.white}
-                  style={styles.img_block}
-                >
-                  <assets.riverLevel.Flooding {...dims} />
+                <View style={styles.img_block}>
+                  {riverScale == 3 ? (
+                    <assets.riverLevel.FloodingToggle {...dims} />
+                  ) : (
+                    <assets.riverLevel.Flooding {...dims} />
+                  )}
                 </View>
               </TouchableNativeFeedback>
             </View>
@@ -169,8 +174,6 @@ function RiverFloodSharingDataScreen(props) {
   );
 }
 
-const dims = scaleDimsFromWidth(85, 85, 4);
-
 const styles = StyleSheet.create({
   container: {
     padding: 10,
@@ -187,11 +190,6 @@ const styles = StyleSheet.create({
     flexDirection: "row",
     justifyContent: "space-between",
   },
-  text: {
-    fontSize: dimensions.text.default,
-    textAlign: "center",
-    marginTop: 10,
-  },
   error_txt: {
     fontSize: 18,
     color: colors.danger,