32 lines
1001 B
TypeScript
32 lines
1001 B
TypeScript
import { faClock } from "@fortawesome/free-solid-svg-icons";
|
|
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
|
|
|
type StatusItemProps = {
|
|
statusInfoItem: string;
|
|
description: string;
|
|
};
|
|
|
|
const StatusItemLocal = ({ statusInfoItem, description }: StatusItemProps) => {
|
|
const humanReadable = (string: string) => {
|
|
if (description.toLowerCase().includes("local")) {
|
|
const text = string.slice(0, statusInfoItem.length - 5);
|
|
return text;
|
|
}
|
|
};
|
|
|
|
return (
|
|
<div className="p-3 border border-gray-700 rounded-lg hover:bg-[#233241]">
|
|
<div className="flex flex-row gap-2 items-center">
|
|
<span className="font-bold text-xl bg-slate-700 p-1 px-2 rounded-md">
|
|
<FontAwesomeIcon icon={faClock} />
|
|
</span>
|
|
<p className="text-lg">{description.toLowerCase().includes("local") && humanReadable(statusInfoItem)}</p>
|
|
</div>
|
|
|
|
<p className="text-slate-400">{description}</p>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default StatusItemLocal;
|