package seedu.todo.ui.components;

import java.time.LocalDateTime;

import javafx.fxml.FXML;
import javafx.scene.layout.Pane;
import javafx.scene.shape.Circle;
import javafx.scene.text.Text;
import javafx.stage.Stage;
import seedu.todo.commons.util.DateUtil;
import seedu.todo.models.Task;
import seedu.todo.ui.UiPartLoader;

public class TaskListTaskItem extends MultiComponent {

    private static final String FXML_PATH = "components/TaskListTaskItem.fxml";
    
    // Props
    public Task task;
    public Integer displayIndex;

    // FXML
    @FXML
    private Text taskText;
    @FXML
    private Text taskTime;
    @FXML
    private Text rowIndex;
    @FXML
    private Circle taskCheckMarkCircle;

    public static TaskListTaskItem load(Stage primaryStage, Pane placeholderPane) {
        return UiPartLoader.loadUiPart(primaryStage, placeholderPane, new TaskListTaskItem());
    }

    @Override
    public String getFxmlPath() {
        return FXML_PATH;
    }

    @Override
    public void componentDidMount() {
        rowIndex.setText(displayIndex.toString());
        taskText.setText(task.getName());
        
        LocalDateTime dateTime = task.getCalendarDT();
        if (dateTime != null)
            taskTime.setText(DateUtil.formatTime(dateTime));
    }

}

@@ -1208,16 +1208,18 @@
 != null)
+ %7B
 %0A       
@@ -1268,21 +1268,31 @@
 dateTime));%0A
+        %7D%0A
     %7D%0A%0A%7D%0A

Fix braces for conditional