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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkyMjQ4MzIsIm5iZiI6MTcxOTIyNDUzMiwicGF0aCI6Ii8xMzk5NjAzNTIvMzI4MTA5ODUwLWM4YmJiZTQ0LTY2Y2MtNDQ0YS04YTI5LWQyZDYyZWIzOWI5ZS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjI0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYyNFQxMDIyMTJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT04NWFiMzBkY2RkODVkNDFhMWI1YjNhZGEzMGI0NDNhZTk2YWVjMzVhNDcxN2ZlNDVjYTExNDFiOGJiZGNkZDc5JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.ofSJmzEA6wX6oWXBJTRBWiNlBmDqPAaG_eLtjHx9IuQ)
![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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkyMjQ4MzIsIm5iZiI6MTcxOTIyNDUzMiwicGF0aCI6Ii8xMzk5NjAzNTIvMzI4MTExODk1LTA2MTE3NGYwLWY4MjgtNGRhZi05MWEyLWJmYzQzODgyOWUxNy5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjI0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYyNFQxMDIyMTJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT04YTU0NjA3MzQ4MjJhN2RjZWUzZWYwMWUxODc0ZmU2MDU4YWYxMDcwOWM0NjBmYmQ5NGI0NGJmYTM1NGE4NTQxJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.xm7SN-qeg3TQUv530Ia8x7yom4JhlRatj_BnR2lxWgg)
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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkyMjQ4MzIsIm5iZiI6MTcxOTIyNDUzMiwicGF0aCI6Ii8xMzk5NjAzNTIvMzI4MTA5NzY2LWViNDI5YjNkLTg1ODgtNDkyZC1iOGIwLWJmNGRiMjBlODVhMC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjI0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYyNFQxMDIyMTJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT04MGJmOWNmZDhlN2EyNzI1Mjk5YTk0N2Q2N2JiOWY0NzBhYmJjZWNlZjQ4YjU3OTg0YzhjZTFhN2FlNzlmNWY2JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.67qlRsPGRXGpwLjwlQEyZmBLvitU2qDSqMC0s0T6fpY)
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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkyMjQ4MzIsIm5iZiI6MTcxOTIyNDUzMiwicGF0aCI6Ii8xMzk5NjAzNTIvMzI4MTI0NjcwLTkwZjYyMmZhLTc3MmUtNDlhOS1hY2Q1LTVlNTdmZDllZWZjZS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjI0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYyNFQxMDIyMTJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0wNjIyNTg5MDRhYzk2NTFjMjkxYmJkOTQ0NTk3OGU0OGJiNDMxNjI1Y2IxMjMxOTVlYTliOTU4NGE5ODA5NGFiJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.zghcK5Ag70b1DzCZ9thX0JqEyte1UxHVyJBnahQ6mb4)
![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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkyMjQ4MzIsIm5iZiI6MTcxOTIyNDUzMiwicGF0aCI6Ii8xMzk5NjAzNTIvMzI4MTI0NzYyLTRmNjg1MTcxLWE1ZDctNDBkMC04OTc5LTY1NWZmNGViMTg1OC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjI0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYyNFQxMDIyMTJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT01MzJjNDNjMzYyZDdjMGQ3NWNmZWY4MzJhZTUxNjIxMTI1NDZmMmViY2M0ZTRhZDI0NWNjZDM0NGRjMTdkZjQzJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.T2ui1f2_lnm33TJAOu_ZAyUl-YoeGfbyhne85gXG_PU)
![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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkyMjQ4MzIsIm5iZiI6MTcxOTIyNDUzMiwicGF0aCI6Ii8xMzk5NjAzNTIvMzI4MTI0ODU5LWU4ZTM2NDNiLWE0MGQtNDRjNS05NmEyLTQxNTBhOTMxZGFjZS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjI0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYyNFQxMDIyMTJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1iOGIwOWQ2N2NhMTc2ZmEwY2JkNWJjM2NhMjJlNjBhZGQyZWVlNDEzZjMyYWIzYmQ2M2FlY2UwOWFmNzUwNTY3JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.58_2FxjSuBg3FlaBPmuMysoY6RQFZzPZ93SiIn9yr2M)
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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkyMjQ4MzIsIm5iZiI6MTcxOTIyNDUzMiwicGF0aCI6Ii8xMzk5NjAzNTIvMzI4MTI1Mjg5LWQ0YzM2NTk3LWExOWItNDFiZi05NmQwLTlhMmNlZTEwNDdiOS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjI0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYyNFQxMDIyMTJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1lODZjZjdlNmM2MDZlNGJhYzUxOWEyMDgxMTAxZTczMTc3MTI2NDNiYzNkOTBhOGE4ZTY3YjY3Y2Y4YjZlMWM5JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.nKvxmJMTZN2rwwf7NuMv0-pYcnzHQtdqa4N9-vCVU8M)
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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkyMjQ4MzIsIm5iZiI6MTcxOTIyNDUzMiwicGF0aCI6Ii8xMzk5NjAzNTIvMzI4MTI1MzU5LWExZjRiOThkLTU5NjUtNDAxOC04YzhmLTI4NmUzY2QxYzMxMS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjI0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYyNFQxMDIyMTJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT05YWQyZjRlMzcxNTFjOTg1ZTIyYThjNGVhNDMyNGNlY2U1NjM1YTk5NDg4Y2E5N2Y2ZmFiOGVkYjBiMDg5Y2M5JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.3yHMVjrUpEeSIR29vyQ3wXLOzSm02XPzZDfuxsbhz00)
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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkyMjQ4MzIsIm5iZiI6MTcxOTIyNDUzMiwicGF0aCI6Ii8xMzk5NjAzNTIvMzI4MTI1MzkzLTU4MDRlZDljLWE3NWUtNGU0YS1hYjc4LTE0MzI1YjI1MzhmOS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjI0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYyNFQxMDIyMTJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1jYmI0ZTk3ZjYwOTJkMWIzMjhmMGNlMjZhNWUzODYzNWFiMDJmODBjNTkyZWM1ZWMyNWI4YWQ3NGE1ZWFhZjRkJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.-hj8MYlFZjH4Ra0mz1o9TAPEonXq53KNc7aZh4RIlt4)
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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkyMjQ4MzIsIm5iZiI6MTcxOTIyNDUzMiwicGF0aCI6Ii8xMzk5NjAzNTIvMzI4MTI1NDU2LTk5YWQxMTRmLTUzMDMtNGNlZS1iMDA1LTk2YmY5MDg4ODUwMi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjI0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYyNFQxMDIyMTJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1hYjM4ZDZhZjQ4YzFjZTgxYjkxOTAxZDhlZmUyMmYzZDc3YTEyZTQyOTA1MzA4MDdmMDdlNjI1YWVmOTM0MjIxJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.PMk1CiSyhZO5tl3UbtcShnknR3Ua1mHMlO50dOxXOVQ)
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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkyMjQ4MzIsIm5iZiI6MTcxOTIyNDUzMiwicGF0aCI6Ii8xMzk5NjAzNTIvMzI4MTI1NTA2LWZmMWQ0MTA0LWEwY2EtNDhlNi05ZWE5LTVjMjMyYTgzZTZlMC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjI0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYyNFQxMDIyMTJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0yMjc0OWU2NDIyN2RiYzBhZTUxY2Y1ZDc3ZTJiNzVmMTBjYTdjNTBjOWNjM2UyMjE5MWU1OWMyYzJhM2M1NmMyJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.8QvMjPEuEaX_StfJ__Aa-r7yxfEqZMScGiFu569MXkQ)
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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkyMjQ4MzIsIm5iZiI6MTcxOTIyNDUzMiwicGF0aCI6Ii8xMzk5NjAzNTIvMzI4MTI1NjMxLTBjNjVlOTNmLWUwYmItNGNhNC1hZGI2LTkzMWQ2YzJlMGIyZi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjI0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYyNFQxMDIyMTJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT03YTI2NWRkZTBhMDBjYzMzNTUyYzkzZTBlNTAyOTI0OGI2YzJiOGNlMzJmNWE0NjEyM2FlYjhlMzJkODVmNWMyJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.wqLBKeYUQ0DNcANAbN59Rx58nJKa8BcA0TSn3DsFTzU)