NginxProxyManager / NginxProxyManager/nginx-proxy-manager

Allow users to change the default proxy host icon to a custom one.

Open
#5,036 2 comments 6 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

enhancement
Dominant language
TypeScript
Stars
34.2k
Forks
3.9k
Avg merge
21h 12m
Merged PRs (30d)
20

Description

Is your feature request related to a problem? Please describe.

not related.

Describe the solution you'd like

When editing the proxy host details, add a 'Set Icon' button which allows the user to set the icon either via (Uploading a file?), or a URL (Would probably be the easiest solution).

Currently this is how it looks like:

Image

inspecting the CSS element already shows that the base image is being fetched via this URL:

Image

and then by simply replacing the URL with a custom one:

Image

Describe alternatives you've considered

none

Additional context

icon declaration: https://github.com/NginxProxyManager/nginx-proxy-manager/blob/fec8b3b083e825526ff35b1cda60584d983d4439/frontend/src/components/Table/Formatter/GravatarFormatter.tsx#L14

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with frontend/src/components/Table/Formatter/GravatarFormatter.tsx at the referenced icon declaration, then trace how proxy host details are edited. Clarify whether the feature should support a URL, file upload, or both before changing the form. Done means a saved custom icon can be set while editing a proxy host and is shown in the proxy host table.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
48/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.