This description was created by Ellipsis for commit 7a53e7426c0887773aa16ff81cf1a4fd8607d54b
Summary:
Introduced cost calculation for tasks and refactored components for better code reuse and readability.
Key points:
Added CostCalculatorContext in skyvern-frontend/src/store/CostCalculatorContext.ts for cost calculation logic.
Created useCostCalculator hook in skyvern-frontend/src/hooks/useCostCalculator.ts to access cost calculation logic.
Updated App component in skyvern-frontend/cloud/App.tsx to include CostCalculatorContext provider.
Modified BillingHistory component in skyvern-frontend/cloud/routes/billing/BillingHistory.tsx to adjust table column widths and remove createdAt prop from TaskCost.
Updated TaskCost component in skyvern-frontend/cloud/routes/billing/TaskCost.tsx to use useCostCalculator for cost calculation.
Refactored TaskDetails component in skyvern-frontend/src/routes/tasks/detail/TaskDetails.tsx to use new TaskInfo component for displaying task information.
Created TaskInfo component in skyvern-frontend/src/routes/tasks/detail/TaskInfo.tsx to display task status, steps, actions, and cost.
Added useTaskQuery hook in skyvern-frontend/src/routes/tasks/detail/hooks/useTaskQuery.ts for fetching task details.
Updated StepArtifactsLayout and StepNavigation components to handle cases where steps data is not available.
Summary:
Introduced cost calculation for tasks and refactored components for better code reuse and readability.
Key points:
CostCalculatorContextinskyvern-frontend/src/store/CostCalculatorContext.tsfor cost calculation logic.useCostCalculatorhook inskyvern-frontend/src/hooks/useCostCalculator.tsto access cost calculation logic.Appcomponent inskyvern-frontend/cloud/App.tsxto includeCostCalculatorContextprovider.BillingHistorycomponent inskyvern-frontend/cloud/routes/billing/BillingHistory.tsxto adjust table column widths and removecreatedAtprop fromTaskCost.TaskCostcomponent inskyvern-frontend/cloud/routes/billing/TaskCost.tsxto useuseCostCalculatorfor cost calculation.TaskDetailscomponent inskyvern-frontend/src/routes/tasks/detail/TaskDetails.tsxto use newTaskInfocomponent for displaying task information.TaskInfocomponent inskyvern-frontend/src/routes/tasks/detail/TaskInfo.tsxto display task status, steps, actions, and cost.useTaskQueryhook inskyvern-frontend/src/routes/tasks/detail/hooks/useTaskQuery.tsfor fetching task details.StepArtifactsLayoutandStepNavigationcomponents to handle cases where steps data is not available.Generated with :heart: by ellipsis.dev