Marbes/Luncher
5
2
Fork 0
Code Issues 6 Pull Requests Packages Projects Releases Wiki Activity

Dočasná oprava zobrazování QR kódů

Browse Source
This commit is contained in:
Martin Berka 2023-06-29 12:05:43 +02:00
parent d21291c643
commit 26609ebd6b
3 changed files with 17 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/Api.ts
View File

@ -22,8 +22,8 @@ const api = {
post: <TBody extends BodyInit, TResponse>(url: string, body: TBody) => request<TResponse>(url, { method: 'POST', body, headers: { 'Content-Type': 'application/json' } }), post: <TBody extends BodyInit, TResponse>(url: string, body: TBody) => request<TResponse>(url, { method: 'POST', body, headers: { 'Content-Type': 'application/json' } }),
} }
export const getQrUrl = () => { export const getQrUrl = (login: string) => {
return `${getBaseUrl()}/api/qr`; return `${getBaseUrl()}/api/qr?login=${login}`;
} }
export const getData = async () => { export const getData = async () => {

2
client/src/App.tsx
View File

@ -353,7 +353,7 @@ function App() {
<div className='qr-code'> <div className='qr-code'>
<h3>QR platba</h3> <h3>QR platba</h3>
<div>Částka: {myOrder.totalPrice} Kč</div> <div>Částka: {myOrder.totalPrice} Kč</div>
<img src={getQrUrl()} alt='QR kód' /> <img src={getQrUrl(auth.login)} alt='QR kód' />
<p>Generování QR kódů je v experimentální fázi - doporučujeme si překontrolovat údaje před odesláním platby.</p> <p>Generování QR kódů je v experimentální fázi - doporučujeme si překontrolovat údaje před odesláním platby.</p>
</div> </div>
} }

24
server/src/index.ts
View File

@ -57,6 +57,20 @@ app.post("/api/login", (req, res) => {
res.status(200).json(generateToken(req.body.login)); res.status(200).json(generateToken(req.body.login));
}); });
// TODO dočasné řešení - QR se zobrazuje přes <img>, nemáme sem jak dostat token
app.get("/api/qr", (req, res) => {
// const login = getLogin(parseToken(req));
if (!req.query?.login) {
throw Error("Nebyl předán login");
}
const img = getQr(req.query.login as string);
res.writeHead(200, {
'Content-Type': 'image/png',
'Content-Length': img.length
});
res.end(img);
});
// ---------------------------------------------------- // ----------------------------------------------------
/** Middleware ověřující JWT token */ /** Middleware ověřující JWT token */
@ -182,16 +196,6 @@ app.post("/api/updateChoice", (req, res) => {
res.status(200).json(data); res.status(200).json(data);
}); });
app.get("/api/qr", (req, res) => {
const login = getLogin(parseToken(req));
const img = getQr(login);
res.writeHead(200, {
'Content-Type': 'image/png',
'Content-Length': img.length
});
res.end(img);
});
app.post("/api/updateNote", (req, res) => { app.post("/api/updateNote", (req, res) => {
const login = getLogin(parseToken(req)); const login = getLogin(parseToken(req));
if (req.body.note && req.body.note.length > 100) { if (req.body.note && req.body.note.length > 100) {