Syntaxerror: Unexpected Token ‘If’

Issue

I am getting a SyntaxError with my if statement in my Text Label. The error says "Unexpected token 'if'". After reviewing my code, I realized that the problem was with the line that was returning a color value in my if statement. I learned that if statements cannot directly return anything and that I needed to use a return statement within a function instead to fix the issue.

Resolution

The issue arose because if statements cannot return values directly. Instead, a function should be created that uses if-else logic to determine and return the appropriate color value. This function can then be immediately invoked to display the result in the Text Label. Here’s how to implement this:

Create a Function: Define a function that checks the selectedRow status and returns the corresponding color code.

export default {
    getColorBasedOnStatus() {
        if (Table1.selectedRow.status === 'active') {
            return "#22c55e"; // Green for active
        } else if (Table1.selectedRow.status === 'inactive') {
            return "#e11d48"; // Red for inactive
        } else {
            return "#f59e0b"; // Orange for other statuses
        }
    }
};

Invoke the Function: Wrap the function invocation in the Text Label so that it outputs the correct color code directly.
```
{{JSObject1.getColorBasedOnStatus()}}
```

Updated

Syntaxerror: Unexpected Token ‘If’

Issue

Resolution