diff --git a/apps/mobile/src/app/menu/qr.tsx b/apps/mobile/src/app/menu/qr.tsx
index 22a1fd1..6728f81 100644
--- a/apps/mobile/src/app/menu/qr.tsx
+++ b/apps/mobile/src/app/menu/qr.tsx
@@ -3,7 +3,6 @@ import { router } from "expo-router";
import {
ActivityIndicator,
Alert,
- Image,
Pressable,
ScrollView,
Share,
@@ -45,6 +44,23 @@ export default function QrScreen() {
const activePreset: QrStandPreset = (QR_STAND_PRESETS[selectedKey] || Object.values(QR_STAND_PRESETS)[0])!;
const currentSvgRaw = MOBILE_SVG_TEMPLATES[selectedKey] || MOBILE_SVG_TEMPLATES["qr-4"] || Object.values(MOBILE_SVG_TEMPLATES)[0] || "";
+ // Inject the live QR code image directly into the SVG's #qr-placeholder group
+ function buildSvgWithQr(svgRaw: string, pngBase64: string): string {
+ const qrImgTag = `
+
+
+ `;
+ // Replace the entire qr-placeholder group
+ const replaced = svgRaw.replace(
+ //,
+ qrImgTag
+ );
+ // Also ensure the SVG scales properly by setting width/height to 100%
+ return replaced
+ .replace(/width="400"/, 'width="100%"')
+ .replace(/height="650"/, 'height="100%"');
+ }
+
useEffect(() => {
(async () => {
const activeRest = await getActiveRestaurant();
@@ -301,47 +317,25 @@ export default function QrScreen() {
}}
>
+ {/* SVG with QR code injected directly — no overlay, pixel-perfect */}
- {/* Exact Vector SVG Artwork */}
{currentSvgRaw ? (
-
- ) : null}
-
- {/* Centered QR Code Box Overlay */}
-
-
-
+ ) : null}
diff --git a/svg/qr-1.svg b/svg ornekleri/qr-1.svg
similarity index 100%
rename from svg/qr-1.svg
rename to svg ornekleri/qr-1.svg
diff --git a/svg/qr-4.svg b/svg ornekleri/qr-4.svg
similarity index 100%
rename from svg/qr-4.svg
rename to svg ornekleri/qr-4.svg
diff --git a/svg/qr-5.svg b/svg ornekleri/qr-5.svg
similarity index 100%
rename from svg/qr-5.svg
rename to svg ornekleri/qr-5.svg
diff --git a/svg ornekleri/qr-6.svg b/svg ornekleri/qr-6.svg
new file mode 100644
index 0000000..7352533
--- /dev/null
+++ b/svg ornekleri/qr-6.svg
@@ -0,0 +1,275 @@
+