JSFiddle - React, Tailwind, and code Playground

by batcave

JavaScript

const steps = [{
    step: 1,
    name: 'personalProfile',
    isCompleted: false,
    isActive: false
  },
  {
    step: 2,
    name: 'companyProfile',
    isCompleted: false,
    isActive: false
  },
  {
    step: 3,
    name: 'invoiceAddress',
    isCompleted: false,
    isActive: true
  },
  {
    step: 4,
    name: 'shippingAddress',
    isCompleted: false,
    isActive: false
  },
  {
    step: 5,
    name: 'confirmation',
    isCompleted: false,
    isActive: false
  }
]

function isCurrentlyActive() {
  return steps.find((item) => item.isActive)
}

console.log(isCurrentlyActive())