Skip to content

Commit

Permalink
Merge branch 'joinmarket-webui:devel' into epic/redesign
Browse files Browse the repository at this point in the history
  • Loading branch information
barrytra authored Aug 27, 2024
2 parents 497ee5f + 768b03c commit 1c8cfa2
Show file tree
Hide file tree
Showing 4 changed files with 41 additions and 10 deletions.
37 changes: 31 additions & 6 deletions src/components/Footer.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,7 @@ import { InfoModal } from './Modal'
import { isDebugFeatureEnabled, isDevMode } from '../constants/debugFeatures'
import { routes } from '../constants/routes'
import { toSemVer } from '../utils'
import { OrderbookOverlay } from './Orderbook'
import packageInfo from '../../package.json'

const APP_DISPLAY_VERSION = (() => {
Expand All @@ -29,8 +30,10 @@ export default function Footer() {

const [showBetaWarning, setShowBetaWarning] = useState(false)
const [showCheatsheet, setShowCheatsheet] = useState(false)
const [isShowOrderbook, setIsShowOrderbook] = useState(false)

const cheatsheetEnabled = useMemo(() => !!currentWallet, [currentWallet])
const orderbookEnabled = useMemo(() => !!currentWallet, [currentWallet])
const websocketConnected = useMemo(() => websocketState === WebSocket.OPEN, [websocketState])

useEffect(() => {
Expand Down Expand Up @@ -82,20 +85,42 @@ export default function Footer() {
</Trans>
</div>
</div>
<div className="d-flex order-1 flex-1 flex-grow-0 justify-content-center align-items-center">
<div className="d-flex order-1 flex-1 flex-grow-0 justify-content-center align-items-center gap-1">
{cheatsheetEnabled && (
<>
<Cheatsheet show={showCheatsheet} onHide={() => setShowCheatsheet(false)} />
<rb.Nav.Item>
<rb.Button
type="button"
variant="link"
className="cheatsheet-link nav-link text-start border-0 px-2"
className="nav-link text-start border-0 px-2"
onClick={() => setShowCheatsheet(true)}
>
<div className="d-flex justify-content-center align-items-center">
<Sprite symbol="file-outline" width="24" height="24" />
<div className="ps-0">{t('footer.cheatsheet')}</div>
<div className="ps-1">{t('footer.cheatsheet')}</div>
</div>
</rb.Button>
</rb.Nav.Item>
</>
)}
{orderbookEnabled && (
<>
<OrderbookOverlay
show={isShowOrderbook}
onHide={() => setIsShowOrderbook(false)}
nickname={serviceInfo?.nickname ?? undefined}
/>
<rb.Nav.Item>
<rb.Button
type="button"
variant="link"
className="nav-link text-start border-0 px-2"
onClick={() => setIsShowOrderbook(true)}
>
<div className="d-flex justify-content-center align-items-center">
<Sprite symbol="globe" width="24" height="24" />
<div className="ps-1">{t('footer.orderbook')}</div>
</div>
</rb.Button>
</rb.Nav.Item>
Expand All @@ -104,13 +129,13 @@ export default function Footer() {
</div>
<div className="d-flex flex-1 order-2 justify-content-end align-items-center gap-1">
{isDebugFeatureEnabled('devSetupPage') && (
<div className="d-none d-md-block text-small text-start mx-1">
<div className="d-none d-md-block text-small text-start">
<Link className="text-warning" to={routes.__devSetup}>
Dev Setup
</Link>
</div>
)}
<div className="text-small text-start text-secondary mx-1">
<div className="text-small text-start text-secondary me-1">
<a
href="https://github.com/joinmarket-webui/jam/tags"
target="_blank"
Expand All @@ -120,7 +145,7 @@ export default function Footer() {
v{APP_DISPLAY_VERSION}
</a>
</div>
<div className="d-flex gap-2 me-2">
<div className="d-flex gap-2 me-1">
<a
href="https://github.com/joinmarket-webui/jam"
target="_blank"
Expand Down
7 changes: 6 additions & 1 deletion src/components/Orderbook.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -190,7 +190,12 @@ const renderOrderAsRow = (item: OrderTableRow, settings: any) => {
}}
overlay={(props) => (
<rb.Tooltip {...props}>
<Balance valueString={String(item.bondValue.amount)} convertToUnit={BTC} showBalance={true} />
<Balance
valueString={String(item.bondValue.amount)}
colored={false}
convertToUnit={BTC}
showBalance={true}
/>
<div className="small">
{item.bondValue.displayLocktime} ({item.bondValue.displayExpiresIn})
</div>
Expand Down
3 changes: 2 additions & 1 deletion src/i18n/locales/en/translation.json
Original file line number Diff line number Diff line change
Expand Up @@ -55,7 +55,8 @@
"warning_alert_button_ok": "Fine with me.",
"cheatsheet": "Cheatsheet",
"websocket_connected": "Websocket connected",
"websocket_disconnected": "Websocket disconnected"
"websocket_disconnected": "Websocket disconnected",
"orderbook": "Orderbook"
},
"onboarding": {
"splashscreen_title": "Jam",
Expand Down
4 changes: 2 additions & 2 deletions src/index.css
Original file line number Diff line number Diff line change
Expand Up @@ -483,11 +483,11 @@ table.striped tr:hover td {
}
}

footer .cheatsheet-link.nav-link {
footer .nav-link {
color: var(--bs-gray-900);
}

:root[data-theme='dark'] footer .cheatsheet-link.nav-link {
:root[data-theme='dark'] footer .nav-link {
color: var(--bs-gray-400);
}

Expand Down

0 comments on commit 1c8cfa2

Please sign in to comment.