components StatusIndicators.tsx

100% Statements 2/2

100% Branches 8/8

100% Functions 1/1

100% Lines 2/2

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31  
 
 
 
 
 
 
1x
 
 
 
4x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import React from "react";
 
interface StatusIndicatorsProps {
  isActive: boolean;
  secondaryStatus: { isPositive: boolean; label: string };
}
 
export const StatusIndicators: React.FC<StatusIndicatorsProps> = ({
  isActive,
  secondaryStatus,
}) => (
  <div className="mt-3 flex items-center gap-3 text-xs">
    <span
      className={`flex items-center gap-1 font-medium ${
        isActive ? "text-green-600" : "text-gray-400"
      }`}
    >
      <span className={isActive ? "animate-pulse" : ""}>●</span>
      {isActive ? "Active" : "Inactive"}
    </span>
    <span className="text-gray-300">•</span>
    <span
      className={`font-medium ${
        secondaryStatus.isPositive ? "text-green-600" : "text-red-500"
      }`}
    >
      {secondaryStatus.label}
    </span>
  </div>
);