Skip to content

Commit

Permalink
refactor(apps): use alert for btcpay warning (#780)
Browse files Browse the repository at this point in the history
- fix: alert colors
  • Loading branch information
escapedcat authored Sep 27, 2024
1 parent 4b8c27c commit c7007a5
Show file tree
Hide file tree
Showing 2 changed files with 6 additions and 5 deletions.
4 changes: 2 additions & 2 deletions src/components/Alert.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -9,8 +9,8 @@ export interface Props extends HTMLAttributes<HTMLElement> {

const colors = {
success: "text-success border-success bg-green-900",
warning: "text-warning border-warning bg-red-900",
danger: "text-danger border-danger bg-yellow-900",
warning: "text-warning border-warning bg-yellow-900",
danger: "text-danger border-danger bg-red-900",
info: "text-primary border-primary bg-blue-900",
};

Expand Down
7 changes: 4 additions & 3 deletions src/pages/Apps/AppInfo.tsx
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
import ImageCarousel from "./ImageCarousel";
import { Alert } from "@/components/Alert";
import AppIcon from "@/components/AppIcon";
import { SSEContext } from "@/context/sse-context";
import PageLoadingScreen from "@/layouts/PageLoadingScreen";
Expand Down Expand Up @@ -150,9 +151,9 @@ export const AppInfo: FC = () => {
</section>

{showBtcPayWarning && (
<p className="text-center text-warning py-2">
{t("appInfo.btcpayserver.ram_warning")}
</p>
<div className="m-5">
<Alert color="warning">{t("appInfo.btcpayserver.ram_warning")}</Alert>
</div>
)}

<section className="text-center">
Expand Down

0 comments on commit c7007a5

Please sign in to comment.