All files / src/pages/flowsheet-page/flowsheet/Canvas TemperatureScale.tsx

100% Statements 5/5
100% Branches 1/1
100% Functions 1/1
100% Lines 4/4

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      7930x         81x         7930x           7930x    
import React from "react";
import { streamTemperatureGradient } from "./streamEdgeStyle";
 
export const TemperatureScale = () => (
  <div
    aria-label="stream-temperature-scale"
    className="pointer-events-none absolute bottom-44 right-5 w-48 z-10 rounded-md border-zinc-200 bg-zinc-100  px-3 py-2 text-xs shadow-sm"
  >
    <div
      className="h-2 rounded-sm"
      style={{
        background: streamTemperatureGradient(),
      }}
    />
    <div className="mt-1 flex justify-between text-zinc-800">
      <span>0°C</span>
      <span>100°C</span>
      <span>200°C</span>
    </div>
  </div>
);