cboard-org
The Board Component is not correctly rendering images located under `file:///storage/emulated/0/Android/data/com.unicef.cboard/files/`
There appears to be an issue with the display of icons on the main screen. While the correct icons are shown in the top left corner once an item is selected, the icons on the main screen are incorrect. Main screen icons are not matching the correct items.
You can see issue in the attached image (food board):
- The item "Juha" (which means "Soup" in Croatian) is shown with a toilet icon on the main screen. However, when selected, the correct soup icon appears in the top left corner.
- Similarly, the item "Čokolino" (a Croatian chocolate porridge product) is shown with a family icon on the main screen, but the correct packaging icon is displayed in the top left corner after selection.
This issue doesn’t only appear on the food board — there is same problems on other boards as well. For example, on other board there’s a button labeled “ne” (which means “no” in Croatian), but the icon shown is a loaf of bread. While on the food board label "ne" displays correctly (you can see in the image). There are also a few other cases like this.
I haven’t been able to find a specific pattern or reason why this is happening. All of the icons were added at the same time. I also tried editing the items with incorrect icons, but when I open the editing screen, the correct image is shown there. For example, in the case of the soup mentioned earlier, the soup icon I originally selected is shown correctly in the edit view. Additionally, when I add a new icon, it displays correctly. Interestingly, a few times I saw all the icons displayed correctly on the main screen for a few seconds — but then they suddenly got mixed up again.
Device specification where the issue occurs: Name: Galaxy Tab A9+ Model: SM-X210 ONE UI version: 7.0 Android version: 15
This mix-up is causing quite a big problem — for instance, a child see the bread icon and expect bread, but the app says “no”, which creates confusion.
Please let me know if you need more details or if there’s anything I can try on my end.
Best regards!
Hello @ivanagace ! Thanks for your report! This issue surprises me a lot. Can you share me the email that you use to login on please
After Find the board by the name, I found that the issue is related with offline editions / Arasaac indexed db images. Some examples of the path for the tiles image that fails that are stored on the db are:
{
label: "Čokolino",
image: "file:///storage/emulated/0/Android/data/com.unicef.cboard/files/450x600-9ed6ed4e-4c1b-11ea-9140-92f307bc0925.png"
}
Something strange for me is why the user see a toilet in the board the 'juha' tile that the image url that it have stored on db is '/symbols/mulberry/soup.svg' that is our default image. Maybe he change it without connection and now he have a different version in local. Please @RodriSanchez1 Could you pay attention to this issue and share me your thoughts?
Hey @ivanagace hope you are well! We discover that you are one of some users that have this issue #1938 We think now that the only way to reproduce your issue is:
- Start being a user without account.
- Edit or create a board by uploading images from the user device
- Create an account after this modifications
Now the boards that the user edit before creating the account have this issue with the images edited before the creation of the account. Can you @ivanagace confirm that this was your case? @RodriSanchez1 could you confirm that this are the steps to reproduce the issue?
Also there should be another issue related with this because the board should be capable of correctly show files that starts with file:///storage/emulated/0/Android/data/com.unicef.cboard/files/ in android. Also the output Bar is okey. I will update the Title of this issue to investigate it
Dear @tomivm and @RodriSanchez1, thank you for your efforts. Everything is working properly now. Thank you for your help!