External/portabase
1
0
Fork 0
mirror of https://github.com/Portabase/portabase.git synced 2026-07-14 11:16:13 +02:00
Code Issues Packages Projects Releases Wiki Activity

migration

Browse Source
This commit is contained in:
Théo LAGACHE
2025-05-16 15:54:17 +02:00
parent 01019fe1a3
commit 6f2523e524
285 changed files with 15492 additions and 46090 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/wrappers/common/connection-circle.tsx
+19 -17
View File
@@ -1,23 +1,25 @@
import {cn} from "@/lib/utils";
import { cn } from "@/lib/utils";
export type connectionCircleProps = {
date: Date
}
export type ConnectionCircleProps = {
date?: Date | null;
};
export const ConnectionCircle = ({ date }: ConnectionCircleProps) => {
let style = "bg-gray-300 border-gray-400";
export const ConnectionCircle = ({date}: connectionCircleProps) => {
if (date) {
const now = Date.now();
const timestamp = new Date(date).getTime();
const interval = now - timestamp;
let style = "";
const interval = new Date().getTime() - new Date(date).getTime()
if (interval < 10000) {
style = "bg-green-400 border-green-600"
} else if (1000 <= interval && interval <= 20000) {
style = "bg-orange-400 border-orange-600"
} else {
style = "bg-red-400 border-red-600"
if (interval < 10000) {
style = "bg-green-400 border-green-600";
} else if (interval <= 20000) {
style = "bg-orange-400 border-orange-600";
} else {
style = "bg-red-400 border-red-600";
}
}
return (
<div color="red" className={cn("w-5 h-5 rounded-3xl border-4", style)}/>
)
}
return <div className={cn("w-5 h-5 rounded-full border-4", style)} />;
};