mirror of
https://github.com/fosrl/pangolin.git
synced 2026-05-18 06:51:44 +00:00
Merge branch 'dev' of github.com:fosrl/pangolin into dev
This commit is contained in:
@@ -61,14 +61,14 @@ export default function SiteInfoCard({}: ClientInfoCardProps) {
|
|||||||
<InfoSectionTitle>{t("status")}</InfoSectionTitle>
|
<InfoSectionTitle>{t("status")}</InfoSectionTitle>
|
||||||
<InfoSectionContent>
|
<InfoSectionContent>
|
||||||
{client.online ? (
|
{client.online ? (
|
||||||
<div className="text-green-500 flex items-center space-x-2">
|
<div className="flex items-center space-x-2">
|
||||||
<div className="w-2 h-2 bg-green-500 rounded-full"></div>
|
<div className="w-2 h-2 bg-green-500 rounded-full"></div>
|
||||||
<span>{t("online")}</span>
|
<span>{t("connected")}</span>
|
||||||
</div>
|
</div>
|
||||||
) : (
|
) : (
|
||||||
<div className="text-neutral-500 flex items-center space-x-2">
|
<div className="flex items-center space-x-2">
|
||||||
<div className="w-2 h-2 bg-neutral-500 rounded-full"></div>
|
<div className="w-2 h-2 bg-neutral-500 rounded-full"></div>
|
||||||
<span>{t("offline")}</span>
|
<span>{t("disconnected")}</span>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
</InfoSectionContent>
|
</InfoSectionContent>
|
||||||
|
|||||||
@@ -26,12 +26,12 @@ export default function ExitNodeInfoCard({}: ExitNodeInfoCardProps) {
|
|||||||
<InfoSectionTitle>{t("status")}</InfoSectionTitle>
|
<InfoSectionTitle>{t("status")}</InfoSectionTitle>
|
||||||
<InfoSectionContent>
|
<InfoSectionContent>
|
||||||
{remoteExitNode.online ? (
|
{remoteExitNode.online ? (
|
||||||
<div className="text-green-500 flex items-center space-x-2">
|
<div className="flex items-center space-x-2">
|
||||||
<div className="w-2 h-2 bg-green-500 rounded-full"></div>
|
<div className="w-2 h-2 bg-green-500 rounded-full"></div>
|
||||||
<span>{t("online")}</span>
|
<span>{t("online")}</span>
|
||||||
</div>
|
</div>
|
||||||
) : (
|
) : (
|
||||||
<div className="text-neutral-500 flex items-center space-x-2">
|
<div className="flex items-center space-x-2">
|
||||||
<div className="w-2 h-2 bg-neutral-500 rounded-full"></div>
|
<div className="w-2 h-2 bg-neutral-500 rounded-full"></div>
|
||||||
<span>{t("offline")}</span>
|
<span>{t("offline")}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -140,14 +140,14 @@ export default function ExitNodesTable({
|
|||||||
const originalRow = row.original;
|
const originalRow = row.original;
|
||||||
if (originalRow.online) {
|
if (originalRow.online) {
|
||||||
return (
|
return (
|
||||||
<span className="text-green-500 flex items-center space-x-2">
|
<span className="flex items-center space-x-2">
|
||||||
<div className="w-2 h-2 bg-green-500 rounded-full"></div>
|
<div className="w-2 h-2 bg-green-500 rounded-full"></div>
|
||||||
<span>{t("online")}</span>
|
<span>{t("online")}</span>
|
||||||
</span>
|
</span>
|
||||||
);
|
);
|
||||||
} else {
|
} else {
|
||||||
return (
|
return (
|
||||||
<span className="text-neutral-500 flex items-center space-x-2">
|
<span className="flex items-center space-x-2">
|
||||||
<div className="w-2 h-2 bg-neutral-500 rounded-full"></div>
|
<div className="w-2 h-2 bg-neutral-500 rounded-full"></div>
|
||||||
<span>{t("offline")}</span>
|
<span>{t("offline")}</span>
|
||||||
</span>
|
</span>
|
||||||
|
|||||||
@@ -519,21 +519,21 @@ export default function HealthChecksTable({
|
|||||||
const health = row.original.hcHealth;
|
const health = row.original.hcHealth;
|
||||||
if (health === "healthy") {
|
if (health === "healthy") {
|
||||||
return (
|
return (
|
||||||
<span className="text-green-500 flex items-center space-x-2">
|
<span className="flex items-center space-x-2">
|
||||||
<div className="w-2 h-2 bg-green-500 rounded-full" />
|
<div className="w-2 h-2 bg-green-500 rounded-full" />
|
||||||
<span>{t("standaloneHcHealthStateHealthy")}</span>
|
<span>{t("standaloneHcHealthStateHealthy")}</span>
|
||||||
</span>
|
</span>
|
||||||
);
|
);
|
||||||
} else if (health === "unhealthy") {
|
} else if (health === "unhealthy") {
|
||||||
return (
|
return (
|
||||||
<span className="text-red-500 flex items-center space-x-2">
|
<span className="flex items-center space-x-2">
|
||||||
<div className="w-2 h-2 bg-red-500 rounded-full" />
|
<div className="w-2 h-2 bg-red-500 rounded-full" />
|
||||||
<span>{t("standaloneHcHealthStateUnhealthy")}</span>
|
<span>{t("standaloneHcHealthStateUnhealthy")}</span>
|
||||||
</span>
|
</span>
|
||||||
);
|
);
|
||||||
} else {
|
} else {
|
||||||
return (
|
return (
|
||||||
<span className="text-neutral-500 flex items-center space-x-2">
|
<span className="flex items-center space-x-2">
|
||||||
<div className="w-2 h-2 bg-neutral-500 rounded-full" />
|
<div className="w-2 h-2 bg-neutral-500 rounded-full" />
|
||||||
<span>{t("standaloneHcHealthStateUnknown")}</span>
|
<span>{t("standaloneHcHealthStateUnknown")}</span>
|
||||||
</span>
|
</span>
|
||||||
|
|||||||
@@ -285,14 +285,14 @@ export default function MachineClientsTable({
|
|||||||
const originalRow = row.original;
|
const originalRow = row.original;
|
||||||
if (originalRow.online) {
|
if (originalRow.online) {
|
||||||
return (
|
return (
|
||||||
<span className="text-green-500 flex items-center space-x-2">
|
<span className="flex items-center space-x-2">
|
||||||
<div className="w-2 h-2 bg-green-500 rounded-full"></div>
|
<div className="w-2 h-2 bg-green-500 rounded-full"></div>
|
||||||
<span>{t("connected")}</span>
|
<span>{t("connected")}</span>
|
||||||
</span>
|
</span>
|
||||||
);
|
);
|
||||||
} else {
|
} else {
|
||||||
return (
|
return (
|
||||||
<span className="text-neutral-500 flex items-center space-x-2">
|
<span className="flex items-center space-x-2">
|
||||||
<div className="w-2 h-2 bg-neutral-500 rounded-full"></div>
|
<div className="w-2 h-2 bg-neutral-500 rounded-full"></div>
|
||||||
<span>{t("disconnected")}</span>
|
<span>{t("disconnected")}</span>
|
||||||
</span>
|
</span>
|
||||||
|
|||||||
@@ -228,14 +228,14 @@ export default function PendingSitesTable({
|
|||||||
) {
|
) {
|
||||||
if (originalRow.online) {
|
if (originalRow.online) {
|
||||||
return (
|
return (
|
||||||
<span className="text-green-500 flex items-center space-x-2">
|
<span className="flex items-center space-x-2">
|
||||||
<div className="w-2 h-2 bg-green-500 rounded-full"></div>
|
<div className="w-2 h-2 bg-green-500 rounded-full"></div>
|
||||||
<span>{t("online")}</span>
|
<span>{t("online")}</span>
|
||||||
</span>
|
</span>
|
||||||
);
|
);
|
||||||
} else {
|
} else {
|
||||||
return (
|
return (
|
||||||
<span className="text-neutral-500 flex items-center space-x-2">
|
<span className="flex items-center space-x-2">
|
||||||
<div className="w-2 h-2 bg-neutral-500 rounded-full"></div>
|
<div className="w-2 h-2 bg-neutral-500 rounded-full"></div>
|
||||||
<span>{t("offline")}</span>
|
<span>{t("offline")}</span>
|
||||||
</span>
|
</span>
|
||||||
|
|||||||
@@ -89,12 +89,12 @@ export default function ResourceInfoBox({}: ResourceInfoBoxType) {
|
|||||||
<InfoSectionTitle>Socket</InfoSectionTitle>
|
<InfoSectionTitle>Socket</InfoSectionTitle>
|
||||||
<InfoSectionContent>
|
<InfoSectionContent>
|
||||||
{isAvailable ? (
|
{isAvailable ? (
|
||||||
<span className="text-green-500 flex items-center space-x-2">
|
<span className="flex items-center space-x-2">
|
||||||
<div className="w-2 h-2 bg-green-500 rounded-full"></div>
|
<div className="w-2 h-2 bg-green-500 rounded-full"></div>
|
||||||
<span>Online</span>
|
<span>Online</span>
|
||||||
</span>
|
</span>
|
||||||
) : (
|
) : (
|
||||||
<span className="text-neutral-500 flex items-center space-x-2">
|
<span className="flex items-center space-x-2">
|
||||||
<div className="w-2 h-2 bg-neutral-500 rounded-full"></div>
|
<div className="w-2 h-2 bg-neutral-500 rounded-full"></div>
|
||||||
<span>Offline</span>
|
<span>Offline</span>
|
||||||
</span>
|
</span>
|
||||||
|
|||||||
@@ -34,12 +34,12 @@ export default function SiteInfoCard({}: SiteInfoCardProps) {
|
|||||||
<InfoSectionTitle>{t("status")}</InfoSectionTitle>
|
<InfoSectionTitle>{t("status")}</InfoSectionTitle>
|
||||||
<InfoSectionContent>
|
<InfoSectionContent>
|
||||||
{site.online ? (
|
{site.online ? (
|
||||||
<div className="text-green-500 flex items-center space-x-2">
|
<div className="flex items-center space-x-2">
|
||||||
<div className="w-2 h-2 bg-green-500 rounded-full"></div>
|
<div className="w-2 h-2 bg-green-500 rounded-full"></div>
|
||||||
<span>{t("online")}</span>
|
<span>{t("online")}</span>
|
||||||
</div>
|
</div>
|
||||||
) : (
|
) : (
|
||||||
<div className="text-neutral-500 flex items-center space-x-2">
|
<div className="flex items-center space-x-2">
|
||||||
<div className="w-2 h-2 bg-neutral-500 rounded-full"></div>
|
<div className="w-2 h-2 bg-neutral-500 rounded-full"></div>
|
||||||
<span>{t("offline")}</span>
|
<span>{t("offline")}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -226,14 +226,14 @@ export default function SitesTable({
|
|||||||
) {
|
) {
|
||||||
if (originalRow.online) {
|
if (originalRow.online) {
|
||||||
return (
|
return (
|
||||||
<span className="text-green-500 flex items-center space-x-2">
|
<span className="flex items-center space-x-2">
|
||||||
<div className="w-2 h-2 bg-green-500 rounded-full"></div>
|
<div className="w-2 h-2 bg-green-500 rounded-full"></div>
|
||||||
<span>{t("online")}</span>
|
<span>{t("online")}</span>
|
||||||
</span>
|
</span>
|
||||||
);
|
);
|
||||||
} else {
|
} else {
|
||||||
return (
|
return (
|
||||||
<span className="text-neutral-500 flex items-center space-x-2">
|
<span className="flex items-center space-x-2">
|
||||||
<div className="w-2 h-2 bg-neutral-500 rounded-full"></div>
|
<div className="w-2 h-2 bg-neutral-500 rounded-full"></div>
|
||||||
<span>{t("offline")}</span>
|
<span>{t("offline")}</span>
|
||||||
</span>
|
</span>
|
||||||
|
|||||||
@@ -436,14 +436,14 @@ export default function UserDevicesTable({
|
|||||||
const originalRow = row.original;
|
const originalRow = row.original;
|
||||||
if (originalRow.online) {
|
if (originalRow.online) {
|
||||||
return (
|
return (
|
||||||
<span className="text-green-500 flex items-center space-x-2">
|
<span className="flex items-center space-x-2">
|
||||||
<div className="w-2 h-2 bg-green-500 rounded-full"></div>
|
<div className="w-2 h-2 bg-green-500 rounded-full"></div>
|
||||||
<span>{t("connected")}</span>
|
<span>{t("connected")}</span>
|
||||||
</span>
|
</span>
|
||||||
);
|
);
|
||||||
} else {
|
} else {
|
||||||
return (
|
return (
|
||||||
<span className="text-neutral-500 flex items-center space-x-2">
|
<span className="flex items-center space-x-2">
|
||||||
<div className="w-2 h-2 bg-neutral-500 rounded-full"></div>
|
<div className="w-2 h-2 bg-neutral-500 rounded-full"></div>
|
||||||
<span>{t("disconnected")}</span>
|
<span>{t("disconnected")}</span>
|
||||||
</span>
|
</span>
|
||||||
|
|||||||
Reference in New Issue
Block a user