Qortal/q-trade
1
0
Fork 0
mirror of https://github.com/Qortal/q-trade.git synced 2025-06-15 19:01:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

enlarge buy button

Browse Source
This commit is contained in:
PhilReact 2025-06-05 18:31:56 +03:00
parent ca9c703130
commit 1e711443d2
4 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/Grids/Table-styles.tsx
View File

@ -45,11 +45,12 @@ export const BuyContainerDivider = styled(Box)(({ theme }) => ({
} }
})); }));
export const BuyOrderBtn = styled("button")(({ theme }) => ({ export const BuyOrderBtn = styled(Button)(({ theme }) => ({
borderRadius: "8px", borderRadius: "8px",
width: "74px", width: "80px",
height: "30px", height: "45px",
background: "#4D7345", background: "#2e7d32",
fontSize: '18px',
color: "white", color: "white",
cursor: "pointer", cursor: "pointer",
border: "1px solid #375232", border: "1px solid #375232",

8
src/components/Grids/TradeOffers.tsx
View File

@ -37,6 +37,7 @@ import {
SnackbarCloseReason, SnackbarCloseReason,
Tooltip, Tooltip,
Typography, Typography,
useTheme,
} from "@mui/material"; } from "@mui/material";
import gameContext from "../../contexts/gameContext"; import gameContext from "../../contexts/gameContext";
import { subscribeToEvent, unsubscribeFromEvent } from "../../utils/events"; import { subscribeToEvent, unsubscribeFromEvent } from "../../utils/events";
@ -164,7 +165,12 @@ export const TradeOffers: React.FC<any> = ({
const [open, setOpen] = useState(false); const [open, setOpen] = useState(false);
const [info, setInfo] = useState<any>(null); const [info, setInfo] = useState<any>(null);
const BuyButton = () => { const BuyButton = () => {
return <BuyOrderBtn onClick={buyOrder}>BUY</BuyOrderBtn>; return <BuyOrderBtn disabled={selectedOffers?.length === 0} sx={{
transition: '0.3s background-color',
'&:hover': {
backgroundColor: '#1b5e20',
},
}} onClick={buyOrder}>BUY</BuyOrderBtn>;
}; };
const intervalGetSignedUnlockingFees = useRef<number | null>(null); const intervalGetSignedUnlockingFees = useRef<number | null>(null);

2
src/components/header/Header.tsx
View File

@ -518,7 +518,7 @@ export const Header = ({
<SelectRow coin="ARRR" /> <SelectRow coin="ARRR" />
</MenuItem> </MenuItem>
</Select> </Select>
<Info /> {/* <Info /> */}
{!isUsingGateway && selectedCoin !== 'PIRATECHAIN' && ( {!isUsingGateway && selectedCoin !== 'PIRATECHAIN' && (
<> <>
<FeeManager selectedCoin={selectedCoin} fee={fee} <FeeManager selectedCoin={selectedCoin} fee={fee}

2
src/pages/Home/Home.tsx
View File

@ -61,7 +61,7 @@ export const HomePage = () => {
<TabsContainer> <TabsContainer>
<TabsRow> <TabsRow>
<Tab activeTab={mode === "buy"} onClick={() => setMode("buy")}> <Tab activeTab={mode === "buy"} onClick={() => setMode("buy")}>
Buy QORT QORT for sale
</Tab> </Tab>
{/* <TabDivider activeTab={mode === "buy" || mode === "sell"} /> */} {/* <TabDivider activeTab={mode === "buy" || mode === "sell"} /> */}
<Tab activeTab={mode === "sell"} onClick={() => setMode("sell")}> <Tab activeTab={mode === "sell"} onClick={() => setMode("sell")}>