Open modal when user clicks button, show details of item clicked.

class EditMonthEndTask extends Component implements HasForms, HasInfolists
{
    use InteractsWithInfolists, InteractsWithForms;

    public array $task = [];
    public $taskId;
    protected Team $team;

    protected $listeners = ['editTask'];

    public function mount(int $taskId = null): void
    {
        $this->taskId = $taskId;
        $this->task = (!empty($taskId)) ? MonthEndTask::find($taskId)->toArray() : [];
        $this->team = SelectedLocation::get()->team ?? new Team();
        $this->form->fill();
    }

    public function render()
    {
        return view('livewire.components.month-end.edit-month-end-task', ['task' => $this->task]);
    }

    public function form(Form $form): Form
    {
        return $form->schema([
            TextInput::make('title')->required()->default($this->task['title'] ?? ''),
        ])->statePath('task');
    }
}

class EditMonthEndTask extends Component implements HasForms, HasInfolists
{
    use InteractsWithInfolists, InteractsWithForms;

    public array $task = [];
    public $taskId;
    protected Team $team;

    protected $listeners = ['editTask'];

    public function mount(int $taskId = null): void
    {
        $this->taskId = $taskId;
        $this->task = (!empty($taskId)) ? MonthEndTask::find($taskId)->toArray() : [];
        $this->team = SelectedLocation::get()->team ?? new Team();
        $this->form->fill();
    }

    public function render()
    {
        return view('livewire.components.month-end.edit-month-end-task', ['task' => $this->task]);
    }

    public function form(Form $form): Form
    {
        return $form->schema([
            TextInput::make('title')->required()->default($this->task['title'] ?? ''),
        ])->statePath('task');
    }
}