hey guys, it's a super stupid question, but.. How ...

# javascript

[willyrs]

hey guys, it's a super stupid question, but.. How do I add an image in react/kotlin?
I've added a png in the jsMain/resources folder but it can't be found at runtime, and it's not present in the build/js bundle

[turansky]

bundle located in build/distributions

[willyrs]

sorry, I meant that it's not present in the build folder, I'm not bundling for release, I'm running "jsBrowserDevelopmentRun" and it's searching the image in build\js\packages\KaMPKit-shared\kotlin-dce-dev

[willyrs]

it could be that I totally wrong imported it tho, I only found this example:

@JsModule("src/resources/baseline_check_circle_empty_black_48dp.png")
external val circleEmpty: dynamic

[turansky]

Do you want to bundle images inside bundle?

[willyrs]

I just want to add an image to the dom for now

[willyrs]

sorry if the question was confusing

[turansky]

Don’t worry 🙂 Question is normal

[turansky]

Could you use src/jsMain/resources dir for resources? It will be processed automatically

[willyrs]

Yep, I've added the image there, in the same folder with the index.html file

[willyrs]

how would I import that image to be used in react then?

[turansky]

Via url

[turansky]

img(src = "/baseline_check_circle_empty_black_48dp.png")

[willyrs]

great, it works! thanks 🙂