[Bug][Mobile] Android code block copy button is missing its icon

[superheher]

Steps to reproduce

1. Open a chat containing a fenced code block in the Android app.
2. Look at the copy button in the code block header.

Expected

A copy icon is visible.

Actual

The button is rendered as an empty rounded square with no icon.

Environment

Android, T3 Code 1.3.0

Screenshot

[juliusmarminge]

Confirmed on current main (e67abcf798) and on the 1.3.0 store build. No matching issue. The header square is the button chrome; expo-symbols draws no glyph inside it on Android. Tapping still copies. The "copied" checkmark is missing for the same reason.

Android chat uses the native markdown renderer (hasNativeSelectableMarkdownText() is always true in apps/mobile/src/native/SelectableMarkdownText.android.tsx). Assistant fences go through SelectableMarkdownText → NativeCodeBlock, which mounts the copy button from the markdown module:

https://github.com/pingdotgg/t3code/blob/e67abcf798/apps/mobile/modules/t3-markdown-text/src/NativeMarkdownBlock.tsx#L196-L205

That button passes SF Symbol names as a string:

https://github.com/pingdotgg/t3code/blob/e67abcf798/apps/mobile/modules/t3-markdown-text/src/CopyTextButton.tsx#L65-L70

<SymbolView
  name={copied ? "checkmark" : "doc.on.doc"}
  size={props.iconSize ?? 13}
  tintColor={copied ? (props.copiedTintColor ?? props.tintColor) : props.tintColor}
  type="monochrome"
/>

expo-symbols 57.0.2 treats a string name as an iOS SF Symbol. On Android the name resolves to null and, with no fallback, the view renders nothing. The Pressable still paints the rounded square because NativeCodeBlock passes backgroundColor, borderColor, and buttonSize={34}. That matches the empty bordered square in the screenshot. iOS is unaffected: SymbolView.ios.js uses the string as an SF Symbol.

The other copy buttons in the app were given Android names in #3579. apps/mobile/src/components/CopyTextButton.tsx uses { ios: "doc.on.doc", android: "content_copy" } (and check for the copied state) through AppSymbol, which draws Tabler icons. The markdown module kept its own CopyTextButton on raw expo-symbols and was not updated. Message-footer copy buttons use the app component, so those icons should still show.

The same native renderer is used for markdown file preview (apps/mobile/src/features/files/FileMarkdownPreview.tsx), so those copy buttons are blank on Android too.

This has been the case since the module button was added in #3101. The file is unchanged on main. App version 1.3.1 is only a version bump, so updating from 1.3.0 does not fix it.

#11079 is unrelated. That was inline markdown icons landing on the wrong line.

[hasnaintypes]

I'd like to work on this — will update apps/mobile/modules/t3-markdown-text/src/CopyTextButton.tsx to use the same {ios, android} icon mapping via AppSymbol that apps/mobile/src/components/CopyTextButton.tsx already uses, per the diagnosis above. Will open a PR shortly.

[hasnaintypes]

Stepping back from this one — turns out I can't verify an Android-native rendering fix without hardware I don't have set up. Leaving it open for someone else.

[simonsteiner]

Field report on Android (current main @ cf3e714) still reproduces this: fenced code blocks show a CODE header with an empty bordered square where the copy icon should be. No duplicate filed — tracking here per the diagnosis above.