Fix Description Error and clean up a little

src/main/java/de/tinf22b6/dhbwhub/security/WebSecurityConfig.java

@@ -46,12 +46,12 @@ public class WebSecurityConfig {
             "/event/event-thread/{id:\\d+}",
             "/event/event-comments/{id:\\d+}",
 
-            "user/{id:\\d+}",
+            "/user/{id:\\d+}",
             "/user-image",
             "/user/user-by-keyword/*",
             "/user/user-information/*",
 
-            "/account/get-user-id/{id:\\d+}",
+            "/account/get-user-id/*",
     };
 
     public WebSecurityConfig(UserDetailsServiceImpl userDetailsService, AuthEntryPointJwt unauthorizedHandler) {

src/main/web/src/scenes/Home/components/post/Post.tsx

@@ -74,7 +74,12 @@ export const Post: React.FC<PostModel> = (props: PostModel) => {
   }, [location, id]);
 
   useEffect((): void => {
-    setShortDescription(shortenDescription(description, postImage ? 190 : matches ? 190 : 280));
+    if (description){
+      setShortDescription(shortenDescription(description, postImage ? 190 : matches ? 190 : 280));
+    }
+    else {
+      setShortDescription(description);
+    }
   }, [description, postImage, matches]);
 
   const handleMenuClick = (): void => {
@@ -203,7 +208,8 @@ export const Post: React.FC<PostModel> = (props: PostModel) => {
                src={process.env.PUBLIC_URL + '/assets/menu-dots.svg'}/>
           <div className="post-infos" style={{marginLeft: marginLeft}}>
             <Link to={`/post/?id=${id}`} className="post-button">
-              <p className="post-title">{shortenDescription(title, 50)}</p>
+              <p className="post-title">
+                {title ? shortenDescription(title, 50): title }</p>
             </Link>
             <div className="post-tags" style={{marginTop: marginTop}}>
               {tags && tags.slice(0, 3).map((tag: string, index: number) => (

src/main/web/src/scenes/Search/components/User.tsx

@@ -19,7 +19,7 @@ export const User: React.FC<UserModel> = (props: UserModel) => {
                 {picture && picture.imageData ? (
                     <img className="user-image" alt={username} src={picture.imageData} loading="lazy"/>
                 ) : (
-                    <img className="custom-image" alt={"random-image"} src={getDefaultOrRandomPicture(false)}/>
+                    <img className="custom-image" alt={"random"} src={getDefaultOrRandomPicture(false)}/>
                 )}
                 <div className="user-name">{truncatedUsername}</div>
             </Link>

src/main/web/src/scenes/Search/index.tsx

@@ -34,7 +34,7 @@ export const Search = () => {
     const handleFindByChange = (option: string): void => {
         setFindOption(option);
     };
-    if (findOption == "user"){
+    if (findOption === "user"){
         return(
         <div className="page">
             {adBlockDetected && <AdBlockOverlay/>}

src/main/web/src/services/UserPageService.tsx

@@ -1,9 +1,9 @@
 import config from "../config/config";
 
 
-export const getUserIdByAccountId = async (accountId: number) => {
+export const getUserIdByAccountId = async (accountId:number) => {
 
     const response = await fetch(config.apiUrl +`account/get-user-id/${accountId}`);
-    return await response.json();
+    return (response.json());
 };