Credit Card Icons in React

Self-Hosted | v5
1

Since getting 5.9.2 up and running, I kept getting the notice to switch to the React web app so I did it. Takes a bit of practice to adjust but I noticed that the credit card icons are broken in the client view. It links to mysite.com/gateway-card-images/visa.png but has a broken icon. I can find the images in public/images/visa.png and public/assets/assets/images/payment_types/visa.png. Any idea?

Tasks show as logged which is confusing. I can click to change it but have to guess which status it is currently on. Plus it would be nice if tasks didn’t get their hours overwritten when picking a service type when invoicing.

Thanks

2

Hi,

Thanks for reporting this!

cc @david @ben

1 Like
3

@Ryan_G

have you installed in a subdirectory?

4

I’m not quite sure how to answer the question. I believe it is at defaults.

Ubuntu 20.04
Install is at /usr/share/nginx/invoiceninja
Config is at /etc/nginx/conf.d/invoiceninja.conf

5

@Ryan_G

Are you using a custom configuration file for your nginx?

your try_files should be hitting that static resource.

you’ll want to ensure the root parameter of your nginx configuration points to the /public folder

you’ll also want to make sure

location / {
    try_files $uri $uri/ =404;
}

If the first attempted block in the nginx configuration.

also

6

It was set as the following
location / {
try_files $uri $uri/ /index.php?$query_string;
}

I changed it to
location / {
try_files $uri $uri/ =404;
}

Nothing changed it seems. Here is my current location block in etc/nginx/conf.d/invoiceninja.conf
location / {
try_files $uri $uri/ /index.php?$query_string;
}

if (!-e $request_filename) {
rewrite ^(.+)$ /index.php?q= last;
}

location ~ .php$ {
fastcgi_split_path_info ^(.+.php)(/.+)$;
# Here we pass to php-fpm listen socket. For configuration see /etc/php-fpm.d/*.conf.
fastcgi_pass unix:/run/php/php8.3-fpm.sock;
fastcgi_index index.php;
include fastcgi_params;
fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
fastcgi_intercept_errors off;
fastcgi_buffer_size 16k;
fastcgi_buffers 4 16k;
}

location ~ /.ht {
deny all;
}

location = /favicon.ico { access_log off; log_not_found off; }
location = /robots.txt { access_log off; log_not_found off; }

7

Ok, lets rewind second. Can you share a screenshot of where the card logos appear broken?

8

image