2023-05-06 15:40:30 +02:00
|
|
|
import React from "react";
|
|
|
|
|
import { useSubplebbit } from "@plebbit/plebbit-react-hooks";
|
|
|
|
|
|
2023-05-29 18:30:09 +02:00
|
|
|
const OfflineIndicator = ({ address, className, tooltipPlace }) => {
|
2023-05-06 15:40:30 +02:00
|
|
|
const subplebbit = useSubplebbit({ subplebbitAddress: address });
|
2023-05-29 18:30:09 +02:00
|
|
|
const isOnline = false;
|
2023-05-06 15:40:30 +02:00
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<>
|
|
|
|
|
{!isOnline && (
|
|
|
|
|
<>
|
2023-05-29 18:30:09 +02:00
|
|
|
{" "}
|
|
|
|
|
<img
|
|
|
|
|
className={className}
|
|
|
|
|
alt="offline"
|
|
|
|
|
src="assets/offline.png"
|
|
|
|
|
data-tooltip-id="tooltip"
|
|
|
|
|
data-tooltip-content="Offline"
|
|
|
|
|
data-tooltip-place={tooltipPlace}
|
|
|
|
|
/>
|
2023-05-06 15:40:30 +02:00
|
|
|
</>
|
|
|
|
|
)}
|
|
|
|
|
</>
|
|
|
|
|
);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
export default OfflineIndicator;
|