wip

explorer-nextjs/app/components/ExplorerCard.tsx

@@ -1,11 +1,4 @@
-import {
-  Card,
-  CardContent,
-  Typography,
-  Box,
-  IconButton,
-  Button,
-} from "@mui/material";
+import { Card, CardContent, Typography, Box, Button } from "@mui/material";
 import React, { FC, ReactElement, ReactEventHandler, useEffect } from "react";
 import { ExplorerLineChart, IExplorerLineChartData } from "./ExplorerLineChart";
 import {
@@ -86,10 +79,10 @@ const CardTitlePrice = (props: ICardTitlePriceProps): React.ReactNode => {
   );
 };
 
-interface ICardDataRowsProps {
+export interface ICardDataRowsProps {
   rows: Array<{ key: string; value: string }>;
 }
-const CardDataRows = (props: ICardDataRowsProps): React.ReactNode => {
+export const CardDataRows = (props: ICardDataRowsProps): React.ReactNode => {
   const { rows } = props;
 
   return (
@@ -351,7 +344,7 @@ export const ExplorerCard: FC<ContentCardProps> = ({
   chat,
   button,
 }) => (
-  <Card onClick={onClick} sx={{ height: "100%" }}>
+  <Card onClick={onClick} sx={{ height: "100%", borderRadius: "unset" }}>
     <CardContent>
       {overTitle && (
         <Typography fontSize={14} mb={3} textTransform={"uppercase"}>

explorer-nextjs/app/components/StakingCard.tsx

@@ -0,0 +1,40 @@
+import { Card, CardContent, Typography, Box, Button } from "@mui/material";
+import { ICardDataRowsProps } from "./ExplorerCard";
+
+export interface IStakingCardProps {
+  title?: string;
+  titleCenter?: string;
+  paragraphCenter?: string;
+  closeButton?: {
+    onClick: () => void;
+  };
+  addressInput?: boolean;
+  amountInput?: boolean;
+  dataRows?: ICardDataRowsProps;
+  blockExplorerLink?: string;
+  backButton?: {
+    onClick: () => void;
+  };
+  nextButton?: {
+    onClick: () => void;
+  };
+}
+export const StakingCard = (props: IStakingCardProps) => {
+  const {
+    title,
+    titleCenter,
+    closeButton,
+    paragraphCenter,
+    addressInput,
+    amountInput,
+    dataRows,
+    blockExplorerLink,
+    backButton,
+    nextButton,
+  } = props;
+  return (
+    <Card sx={{ height: "100%", borderRadius: "unset" }}>
+      <CardContent></CardContent>
+    </Card>
+  );
+};