Code Monkey home page Code Monkey logo

Comments (8)

benphelps avatar benphelps commented on May 22, 2024 4

Right, so this seems to be an oddity with the Next.js server.

You need to restart the container for new icons to be recognized.

I'll look into a fix for this.

from homepage.

benphelps avatar benphelps commented on May 22, 2024

Double check your local path and icon names are all correct. A couple other users where having trouble before and have since fixed it (a documentation issue), so I do know that it's working for others as well.

Feel free to reopen if you're sure it's a problem with Homepage directly.

from homepage.

rolikeusch avatar rolikeusch commented on May 22, 2024

I fight we the exact same issue. but I don't think this is a naming issue.
this is what I have in the icons folder, this is inside the container:
inside-the-container

those are exact the same icons with different names, if I use the warning.png everything is working fine:
entry in the services.yaml: icon: /icons/warning.png
naming-one

now if I use the other name warn.png:
entry in the services.yaml: icon: /icons/warn.png
naming-two

I can not figure out what the issue is 😞

from homepage.

ShlomiPorush avatar ShlomiPorush commented on May 22, 2024

Double check your local path and icon names are all correct. A couple other users where having trouble before and have since fixed it (a documentation issue), so I do know that it's working for others as well.

Feel free to reopen if you're sure it's a problem with Homepage directly.

I don't want to rely on icons from the Internet so I load all the icons locally.
I did check several times. the name of the file and the path and everything looks as it should

image

image

from homepage.

al-jimenez avatar al-jimenez commented on May 22, 2024

Additional note about this issue. I was getting very inconsistent results with different icon references for local icons. Until I restarted the container as you suggested above. Then things settled down. But I see some different results still... As the above user, I also would like to have local icons. So when I specify "icons: /icons/pihole.png" which is in the correct location with other local icons that do work; it for some reason returns a 404. If I specify icon: "http://ip:port/icons/pihole.png" from another docker container that is running (another diff app w/local icons); then it appears correctly. If I use the remote CDN specification "icons: pihole.png" it also appears correctly. As I said I am specifying just like other local icons that do work but "pihole.png" does not (as an example). I have seen others that do this. Its like if they are already in the CDN, then they get skipped, not sure ¯_(ツ)_/¯. BTW: sidebar, documentation issue: I also noticed that all local icon file names need to be lower case to work, otherwise they 404. Other online icon libraries have upper case filenames that caused issue for me. Anyway thanks for a great app. Hopefully the above info helps.

from homepage.

jamesawebb avatar jamesawebb commented on May 22, 2024

Right, so this seems to be an oddity with the Next.js server.

You need to restart the container for new icons to be recognized.

I'll look into a fix for this.

This fixed my issue too. I would have thought adding the new volume ref. to my docker-compose.yaml file would have recreated (and thus restarted) the container, so I'm unsure why this works. Possibly worth adding a note at https://gethomepage.dev/en/configs/settings/#background-image.

Great work, btw.

from homepage.

jamesawebb avatar jamesawebb commented on May 22, 2024

...and I see it's the content rather than the location (volume mount) that's only recognised after a container restart. Sorry for the noise.

from homepage.

github-actions avatar github-actions commented on May 22, 2024

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new discussion for related concerns.

from homepage.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.