- {database.name}
- {database.databaseId}
- {mode === "member" && database.publicReadable ? Public : null}
+ {active ? (
+
+ {database.name}
+
+ ) : (
+ {database.name}
+ )}
+ {database.publicReadable ? : null}
|
+ {database.databaseId} |
{database.role} |
- {database.status} |
+ {databaseStatusSummary(database, cycles)} |
{formatBytes(database.logicalSizeBytes)} |
- {databaseCyclesView(database, cyclesConfig).summary} |
-
-
- {active ? } label="Open" /> : -}
- {active && mode === "member" && database.publicReadable ? } label="Open public" /> : null}
-
- |
+ {databaseCyclesBalanceSummary(database)} |
{active && database.publicReadable ? : -} |
{mode === "member" ? (
-
- {active ? (
-
- Registry
-
- ) : null}
- } label="Cycles" />
-
+ } label="Top up" />
|
) : null}
- } label="Access" />
+ } label="Manage" />
|
);
@@ -222,38 +216,34 @@ function DatabaseTableRow({ cyclesConfig, database, mode }: { cyclesConfig: Cycl
function DatabaseMobileCard({ cyclesConfig, database, mode }: { cyclesConfig: CyclesBillingConfig | null; database: DatabaseRow; mode: "member" | "public" }) {
const active = isActiveRoutableDatabase(database);
+ const cycles = databaseCyclesView(database, cyclesConfig);
return (
-
{database.name}
- {mode === "member" && database.publicReadable ?
Public : null}
+
+ {active ? (
+
+ {database.name}
+
+ ) : (
+ {database.name}
+ )}
+
+ {database.publicReadable ?
: null}
- {database.databaseId}
+
-
-
-
+
+
+
- {active ? (
- } label="Open" />
- ) : null}
- {active && mode === "member" && database.publicReadable ? (
- } label="Open public" />
- ) : null}
- {mode === "member" ? (
- active ? (
-
- Registry
-
- ) : null
- ) : null}
{mode === "member" ? (
- } label="Cycles" />
+ } label="Top up" />
) : null}
{active && database.publicReadable ? : null}
- } label="Access" />
+ } label="Manage" />
);
@@ -271,9 +261,13 @@ function ShareDatabaseLink({ database }: { database: DatabaseRow }) {
);
}
+function PublicBadge() {
+ return