Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This PR is for the ticket #2635
Now with these changes, we can able to add a Guage component in the dashboard. Since the gauge is to occupy a full widget, I made a few changes to the component.
Verify:
Screen.Recording.2024-05-03.at.4.13.48.PM.mov
Squares shape:
![Screenshot 2024-05-06 at 12 58 10 PM](https://private-user-images.githubusercontent.com/139960352/328109850-c8bbbe44-66cc-444a-8a29-d2d62eb39b9e.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTg5MTg4NTksIm5iZiI6MTcxODkxODU1OSwicGF0aCI6Ii8xMzk5NjAzNTIvMzI4MTA5ODUwLWM4YmJiZTQ0LTY2Y2MtNDQ0YS04YTI5LWQyZDYyZWIzOWI5ZS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjIwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYyMFQyMTIyMzlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0zZDVkOGFiNWYxMDMyZDBkZmFjODA3OWQzNzhkZGFhMzQ1OGMxZWY0ZGNlNTc0OWI2NjQwOTY2ZWY0M2I2YTFlJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.agx0Tw8aFiHJAh4SRqOyVPjN8KNhTKwnEPU9OR3UsOc)
![Screenshot 2024-05-06 at 1 19 09 PM](https://private-user-images.githubusercontent.com/139960352/328111895-061174f0-f828-4daf-91a2-bfc438829e17.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTg5MTg4NTksIm5iZiI6MTcxODkxODU1OSwicGF0aCI6Ii8xMzk5NjAzNTIvMzI4MTExODk1LTA2MTE3NGYwLWY4MjgtNGRhZi05MWEyLWJmYzQzODgyOWUxNy5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjIwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYyMFQyMTIyMzlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1kYThlMWU3MmFiODczMzcyMzhiNWM2MDJjNjMzM2YzYWViYzRiODJlYzE3MjM4YTAxYjk5MmJkZjc4OWY0M2JmJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.SO1p4wfWl7qdvxzm8x1drSYxjpeEGe04z1bo23Wnsdg)
Small:
Medium :
Large:
![Screenshot 2024-05-06 at 1 00 31 PM](https://private-user-images.githubusercontent.com/139960352/328109766-eb429b3d-8588-492d-b8b0-bf4db20e85a0.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTg5MTg4NTksIm5iZiI6MTcxODkxODU1OSwicGF0aCI6Ii8xMzk5NjAzNTIvMzI4MTA5NzY2LWViNDI5YjNkLTg1ODgtNDkyZC1iOGIwLWJmNGRiMjBlODVhMC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjIwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYyMFQyMTIyMzlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0zMDQ5N2FiNTM5NTA2ZmQ2NGE4Y2JhZDI1YzFhMDdiZDAwM2RiMDQzNTBkODAxODA3OWUxNDBhMTBlZGI0YmMwJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.FFy9FZ4_Y6BLFo5Y8l_Qh8D6-SNgxl7b45uZrYupWKU)
Rectangle short & wide:
![Screenshot 2024-05-06 at 1 22 45 PM](https://private-user-images.githubusercontent.com/139960352/328124670-90f622fa-772e-49a9-acd5-5e57fd9eefce.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTg5MTg4NTksIm5iZiI6MTcxODkxODU1OSwicGF0aCI6Ii8xMzk5NjAzNTIvMzI4MTI0NjcwLTkwZjYyMmZhLTc3MmUtNDlhOS1hY2Q1LTVlNTdmZDllZWZjZS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjIwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYyMFQyMTIyMzlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1iOGE0M2NmYTZhODQzMmRlZmQ2ZGNjY2IzZDIwZDc5ZGFmMGYwYWUwODEyYzIyZDU0ZDE4MTkzZTIzN2M3YjA1JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.juSaT18hN4pcdSRWT1JbzSF2u16axG9Jj0y8H44DITw)
![Screenshot 2024-05-06 at 2 09 28 PM](https://private-user-images.githubusercontent.com/139960352/328124762-4f685171-a5d7-40d0-8979-655ff4eb1858.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTg5MTg4NTksIm5iZiI6MTcxODkxODU1OSwicGF0aCI6Ii8xMzk5NjAzNTIvMzI4MTI0NzYyLTRmNjg1MTcxLWE1ZDctNDBkMC04OTc5LTY1NWZmNGViMTg1OC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjIwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYyMFQyMTIyMzlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0xN2Y4YjM4NTJmYmM1Y2UwMTFiYTYzNTQwY2NkMDM4M2IyMGE3MTg5Njc2MmE1YjI2MDZmNTYyYjdhYmE4MTMzJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.f2j2sEcwFFtilFTHmqToY-9yL0lNxX_D_wiXdElqj3w)
![Screenshot 2024-05-06 at 2 09 56 PM](https://private-user-images.githubusercontent.com/139960352/328124859-e8e3643b-a40d-44c5-96a2-4150a931dace.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTg5MTg4NTksIm5iZiI6MTcxODkxODU1OSwicGF0aCI6Ii8xMzk5NjAzNTIvMzI4MTI0ODU5LWU4ZTM2NDNiLWE0MGQtNDRjNS05NmEyLTQxNTBhOTMxZGFjZS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjIwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYyMFQyMTIyMzlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1kYjkzMGM3ODkwMWMwODU4MGNlNDUzMjFiMTA2MzU5OWMzNmE3NGZmMmM0ODdlMjAyM2UzODJlYTBkYjViMzhlJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.b-tymzLcXCTJxO_dn3yuRbShAXgYaOjpgritxn4rUvI)
small:
Medium:
Large:
Rectangle tall & skinny:
![Screenshot 2024-05-06 at 2 11 41 PM](https://private-user-images.githubusercontent.com/139960352/328125289-d4c36597-a19b-41bf-96d0-9a2cee1047b9.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTg5MTg4NTksIm5iZiI6MTcxODkxODU1OSwicGF0aCI6Ii8xMzk5NjAzNTIvMzI4MTI1Mjg5LWQ0YzM2NTk3LWExOWItNDFiZi05NmQwLTlhMmNlZTEwNDdiOS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjIwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYyMFQyMTIyMzlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT05YmU2NTdkMzZhZjNkZDkyMmNjMDY1Mzg3MGRkMjA3ZGU3Mzc4OWJmYjBhNDQ4N2I2ZDdlNjcyZjE2ZmI3OWQ1JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.54h6MNW4VxZo6lStc8Pc17oMlcpsrL4eQPcVmj3bQyo)
small:
Medium:
![Screenshot 2024-05-06 at 2 12 01 PM](https://private-user-images.githubusercontent.com/139960352/328125359-a1f4b98d-5965-4018-8c8f-286e3cd1c311.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTg5MTg4NTksIm5iZiI6MTcxODkxODU1OSwicGF0aCI6Ii8xMzk5NjAzNTIvMzI4MTI1MzU5LWExZjRiOThkLTU5NjUtNDAxOC04YzhmLTI4NmUzY2QxYzMxMS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjIwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYyMFQyMTIyMzlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1hMmQ3ODdlMTJhMzhlYjUzMGZhZmVhOGU1ODhlMDcwODE0MWQ0OTdhNzA5MmRiZGE0YjIzZWNhY2VmZTgwZWZmJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.VZ4lKhtvh3PnE8e19FGjbaYq4JU2qw16MN_Xwip3ARY)
Large:
![Screenshot 2024-05-06 at 2 12 24 PM](https://private-user-images.githubusercontent.com/139960352/328125393-5804ed9c-a75e-4e4a-ab78-14325b2538f9.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTg5MTg4NTksIm5iZiI6MTcxODkxODU1OSwicGF0aCI6Ii8xMzk5NjAzNTIvMzI4MTI1MzkzLTU4MDRlZDljLWE3NWUtNGU0YS1hYjc4LTE0MzI1YjI1MzhmOS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjIwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYyMFQyMTIyMzlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0wYmQ2MDVjNGZhM2M4Zjg2NDA3YjY3ZDUxMjQzMGU4Zjc4OGQwZjRjZWEyODk4YmY1YThjMDI3Y2U4YTU1ZGVlJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9._pbO7h1zUuxL4O1YwSsM2Szq4Oskp0Wjaqq3Enmh61k)
Rectangle normal 3:4:
![Screenshot 2024-05-06 at 2 13 07 PM](https://private-user-images.githubusercontent.com/139960352/328125456-99ad114f-5303-4cee-b005-96bf90888502.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTg5MTg4NTksIm5iZiI6MTcxODkxODU1OSwicGF0aCI6Ii8xMzk5NjAzNTIvMzI4MTI1NDU2LTk5YWQxMTRmLTUzMDMtNGNlZS1iMDA1LTk2YmY5MDg4ODUwMi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjIwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYyMFQyMTIyMzlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0zZWNkNjIzMjhkZjU5ODgyYTMxYTk4MzBjZTU4YjdiZWMzODc1NDc2YWFlMzQ3YzM0OTFmM2M4YjljZDlhMWVlJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.JoB2bGXpTH0nL5Q8awjPuyDva9p7zrnRa2XVFXwi_9o)
small:
Medium:
![Screenshot 2024-05-06 at 2 14 11 PM](https://private-user-images.githubusercontent.com/139960352/328125506-ff1d4104-a0ca-48e6-9ea9-5c232a83e6e0.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTg5MTg4NTksIm5iZiI6MTcxODkxODU1OSwicGF0aCI6Ii8xMzk5NjAzNTIvMzI4MTI1NTA2LWZmMWQ0MTA0LWEwY2EtNDhlNi05ZWE5LTVjMjMyYTgzZTZlMC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjIwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYyMFQyMTIyMzlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT03ODA2MjFiNmE1YTA4MmYwNTMxMjVjMTRjZTE5Njk1OTBkNDNiZDljY2JkYWExZWEyYTkwMzY4YzRkMTEzYjEwJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.SNOTsLSHCTISSOvd-u67cfzQI2pe8hhm0lZK5N6eIFg)
Large:
![Screenshot 2024-05-06 at 2 14 24 PM](https://private-user-images.githubusercontent.com/139960352/328125631-0c65e93f-e0bb-4ca4-adb6-931d6c2e0b2f.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTg5MTg4NTksIm5iZiI6MTcxODkxODU1OSwicGF0aCI6Ii8xMzk5NjAzNTIvMzI4MTI1NjMxLTBjNjVlOTNmLWUwYmItNGNhNC1hZGI2LTkzMWQ2YzJlMGIyZi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjIwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYyMFQyMTIyMzlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0zY2E5OTliMzg2ZTllYzlmYzUwNjhiZWVmYmM4NmI5OTNkMGZhMzU4N2JlMjNlOTY5NWI4MTA4NGE1YzM5YzQ1JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.TuiZ5InkgL98ewXfvTjI-mOcf06aCryvIwSXH0tWCjk)