Skip to content

feat: navbar on mobile - #1345

Open
hadouin wants to merge 2 commits into
mainfrom
mobile
Open

feat: navbar on mobile#1345
hadouin wants to merge 2 commits into
mainfrom
mobile

Conversation

@hadouin

@hadouin hadouin commented Dec 8, 2025

Copy link
Copy Markdown
Contributor

feat: navbar on mobile

change touch settings

hadouin commented Dec 8, 2025

Copy link
Copy Markdown
Contributor Author

Warning

This pull request is not mergeable via GitHub because a downstack PR is open. Once all requirements are satisfied, merge this PR as a stack on Graphite.
Learn more


How to use the Graphite Merge Queue

Add either label to this PR to merge it via the merge queue:

  • Merge queue - adds this PR to the back of the merge queue
  • Hotfix 🔥 - for urgent changes, fast-track this PR to the front of the merge queue

You must have a Graphite account in order to use the merge queue. Sign up using this link.

An organization admin has enabled the Graphite Merge Queue in this repository.

Please do not merge from GitHub as this will restart CI on PRs being processed by the merge queue.

This stack of pull requests is managed by Graphite. Learn more about stacking.

@hadouin hadouin mentioned this pull request Dec 8, 2025

@knownasred knownasred left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Some usability remarks

Comment on lines +5 to +6
"https://192.168.20.88:3000/",
"https://192.168.20.88:3000"

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is flakey, as IPs are not fixed depending on the network. I would rather allow all origins instead

Comment on lines +43 to +45
<!-- Mobile navigation and content -->
<MobileBottomNavbar />
<MobileContentContainer />

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is there a way to wrap this inside of a block md:hidden instead, and remove those directives from the Mobile Bottom and content, so that the logic for display is in the same place for the two?

Comment thread client/vite.config.ts Outdated
import { defineConfig } from 'vitest/config';
import glsl from 'vite-plugin-glsl';
import process from 'node:process';
import mkcert from 'vite-plugin-mkcert';

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

can you modify the readme to mention that mkcert is used? There needs to be a bit of additional setup in browsers for people that wants to work with the code

Comment thread client/src/lib/components/ui/mobile-content-container.svelte
Comment thread client/src/routes/+layout.svelte Outdated
Comment thread client/src/app.css
@graphite-app
graphite-app Bot changed the base branch from column-visibility to graphite-base/1345 December 11, 2025 08:25
@graphite-app
graphite-app Bot force-pushed the graphite-base/1345 branch from d14e70f to 7a6f9ff Compare December 11, 2025 08:25
@graphite-app
graphite-app Bot changed the base branch from graphite-base/1345 to main December 11, 2025 08:26
Comment thread client/vite.config.ts Outdated
Comment on lines 6 to 8
import mkcert from 'vite-plugin-mkcert';

export default defineConfig({

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The mkcert plugin is imported but not added to the plugins array on line 8. This means HTTPS certificates will not be generated, breaking the HTTPS functionality that the version bump in bun.lock suggests is needed.

Fix by adding mkcert to the plugins:

plugins: [glsl(), sveltekit(), wasm(), mkcert()],

Spotted by Graphite Agent

Fix in Graphite


Is this helpful? React 👍 or 👎 to let us know.

@github-actions

github-actions Bot commented Dec 17, 2025

Copy link
Copy Markdown

Deployment informations

This PR has passed automatic testing, and is ready to be tested manually.

Warning

You might need to have a logged-in employee runelabs account to access the deployment environment.

environment status url
mainnet https://b0f7bcf-ponzi-land-mainnet.runelabs.workers.dev/
sepolia https://b0f7bcf-ponzi-land-sepolia.runelabs.workers.dev/
mainnet-test https://b0f7bcf-ponzi-land-mainnet-test.runelabs.workers.dev/

This comment was written by a bot!

Comment on lines +533 to +534
// Skip animation updates if disabled or on mobile
if (!enableAnimation && !deviceStore.isMobile) return;

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Logic error: The condition !enableAnimation && !deviceStore.isMobile is backwards. The comment says "Skip animation updates if disabled or on mobile" but the code skips only when animation is disabled AND not on mobile. This will cause animations to continue running on mobile devices, defeating the performance optimization.

// Fix: Should be OR instead of AND
if (!enableAnimation || deviceStore.isMobile) return;
Suggested change
// Skip animation updates if disabled or on mobile
if (!enableAnimation && !deviceStore.isMobile) return;
// Skip animation updates if disabled or on mobile
if (!enableAnimation || deviceStore.isMobile) return;

Spotted by Graphite Agent

Fix in Graphite


Is this helpful? React 👍 or 👎 to let us know.

@hadouin
hadouin force-pushed the mobile branch 2 times, most recently from b04908a to 2b32b58 Compare December 19, 2025 10:56
const usdcAddress =
'0x033068f6539f8e6e6b131e6b2b814e6c34a5224bc66947c47dab9dfee93b35fb';
return data.availableTokens.find((token) => token.address === usdcAddress);
return data.availableTokens.find((token) => token.address === usdcBridgedAddress);

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This line causes CI to fail because it doesn't conform to Prettier's formatting standards. Run 'bun prettier --write .' to fix the formatting.

Spotted by Graphite Agent (based on CI logs)

Fix in Graphite


Is this helpful? React 👍 or 👎 to let us know.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants