Fix repository viewer for filenames which contains a hash (#1776)

Add missing url encoding for file links in the repository viewer.

Fixes #1766

gradle/changelog/filename_with_hash.yaml

@@ -0,0 +1,2 @@
+- type: fixed
+  description: Repository viewer filename with hash ([#1766](https://github.com/scm-manager/scm-manager/issues/1766) and [#1776](https://github.com/scm-manager/scm-manager/pull/1776))

scm-ui/ui-components/src/Breadcrumb.tsx

@@ -144,7 +144,7 @@ const Breadcrumb: FC<Props> = ({
           return (
             <li className="is-active" key={index}>
               <Link className="is-ellipsis-overflow" to="#" aria-current="page">
-                {pathFragment}
+                {decodeURIComponent(pathFragment)}
               </Link>
             </li>
           );
@@ -156,7 +156,7 @@ const Breadcrumb: FC<Props> = ({
               title={pathFragment}
               to={baseUrl + "/" + encodeURIComponent(revision) + "/" + currPath}
             >
-              {pathFragment}
+              {decodeURIComponent(pathFragment)}
             </Link>
           </li>
         );

scm-ui/ui-webapp/src/repos/sources/components/content/FileLink.tsx

@@ -54,7 +54,7 @@ export const createRelativeLink = (repositoryUrl: string) => {
 export const createFolderLink = (base: string, file: File) => {
   let link = base;
   if (file.path) {
-    let path = file.path;
+    let path = file.path.split("/").map(encodeURIComponent).join("/");
     if (path.startsWith("/")) {
       path = path.substring(1);
     }