[PLA-2075] fix freeze fueltank modal

[zlayine]

PR Type

enhancement, bug fix

---

Description

• Enhanced the Fuel Tank Slideover component to dynamically handle both freezing and unfreezing actions based on the current state of the fuel tank.
• Updated UI elements such as titles and button text to reflect the dynamic nature of the action.
• Improved user feedback by modifying snackbar messages to indicate whether the action was a freeze or unfreeze.
• Fixed initialization of the isFrozen state to correctly reflect the current state of the fuel tank.

---

Changes walkthrough 📝

Relevant files

Enhancement

FreezeFuelTankSlideover.vue Dynamic freeze/unfreeze functionality for Fuel Tank Slideover resources/js/components/slideovers/fueltank/FreezeFuelTankSlideover.vue Updated the title to dynamically display 'Freeze' or 'Unfreeze' based on the fuel tank state. Changed button text from 'Freeze' to 'Confirm'. Modified snackbar messages to reflect dynamic 'Freeze' or 'Unfreeze' actions. Initialized isFrozen state based on the props.item value. +7/-7

---

💡 PR-Agent usage: Comment /help "your question" on any pull request to receive relevant information

[github-actions]

PR Reviewer Guide 🔍

Here are some key observations to aid the review process:

⏱️ Estimated effort to review: 2 🔵🔵⚪⚪⚪

🧪 No relevant tests

🔒 No security concerns identified

⚡ Recommended focus areas for review Dynamic Text Handling Ensure that the dynamic text handling for 'Freeze' and 'Unfreeze' actions is thoroughly tested, especially in edge cases where the state might not update as expected. Snackbar Message Consistency Review the consistency and accuracy of snackbar messages to ensure they correctly reflect the action taken (freeze or unfreeze), particularly in error handling scenarios.

[github-actions]

PR Code Suggestions ✨

Explore these optional code suggestions:

Category	Suggestion	Score
Maintainability	Simplify the template and improve code readability by using a computed property for conditional text Use a computed property for the button text to simplify the template and improve maintainability. resources/js/components/slideovers/fueltank/FreezeFuelTankSlideover.vue [10] -{{ props.item?.isFrozen ? 'Unfreeze' : 'Freeze' }} Fuel Tank +{{ buttonText }} Fuel Tank Suggestion importance[1-10]: 7 Why: Using a computed property for the button text can indeed simplify the template and make the code more maintainable. This is a good suggestion for improving code readability.	7