Path again

exam/react/src/components/Dialogs/UserImage/UserImageDialog.tsx

@@ -25,6 +25,7 @@ import { useMutation, useQueryClient } from '@tanstack/react-query';
 import { t } from 'i18next';
 import { FC, FormEvent, useState } from 'react';
 import Api from '../../../api/Api';
+import { STORAGE_PATH } from '../../../constanst';
 import { User, UserImageUpdate } from '../../../types/User';
 import ErrorComponent from '../../Error/ErrorComponent';
 
@@ -109,8 +110,8 @@ const UserImageDialog: FC<Props> = ({ user, open, onClose }) => {
                 formState.image
                   ? URL.createObjectURL(formState.image)
                   : formState.predefined
-                    ? `/storage/profilbilder/default/${formState.predefined}.svg`
-                    : `/storage/${user.image}`
+                    ? `${STORAGE_PATH}profilbilder/default/${formState.predefined}.svg`
+                    : `${STORAGE_PATH}${user.image}`
               }
               sx={{ width: '100px', height: '100px' }}
             >

exam/react/src/components/Header/Header.tsx

@@ -13,6 +13,7 @@ import { Link, useRouterState } from '@tanstack/react-router';
 import { cloneElement, FC, ReactElement, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import Api from '../../api/Api';
+import { STORAGE_PATH } from '../../constanst';
 import { User } from '../../types/User';
 import LanguageMenu from '../Menus/Language/LanguageMenu';
 import UserMenu from '../Menus/User/UserMenu';
@@ -61,7 +62,7 @@ const Header: FC = () => {
               </IconButton>
               {user ? (
                 <IconButton onClick={(event) => setAnchorUserMenu(event.currentTarget)} sx={{ p: 0 }}>
-                  <Avatar alt={user.username} src={`/storage/${user.image}`}>
+                  <Avatar alt={user.username} src={`${STORAGE_PATH}/${user.image}`}>
                     <Person />
                   </Avatar>
                 </IconButton>

exam/react/src/components/Post/Post.tsx

@@ -21,6 +21,7 @@ import { Link, useNavigate } from '@tanstack/react-router';
 import { FC, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import Api from '../../api/Api';
+import { STORAGE_PATH } from '../../constanst';
 import { PostAuth, PostNonAuth } from '../../types/Post';
 import convertDate from '../../utils/date';
 import PostEditDialog from '../Dialogs/PostEdit/PostEditDialog';
@@ -54,19 +55,19 @@ const Post: FC<Props> = ({ post, disableActions }) => {
           !disableActions && 'id' in post.user ? (
             post.user.id !== Api.getAuthenticatedUser()?.id ? (
               <MUILink component={Link} to="/profile/$id" params={{ id: post.user.id }}>
-                <Avatar alt={post.user.username} src={`/storage/${post.user.image}`}>
+                <Avatar alt={post.user.username} src={`${STORAGE_PATH}${post.user.image}`}>
                   <Person />
                 </Avatar>
               </MUILink>
             ) : (
               <MUILink component={Link} to="/profile">
-                <Avatar alt={post.user.username} src={`/storage/${post.user.image}`}>
+                <Avatar alt={post.user.username} src={`${STORAGE_PATH}${post.user.image}`}>
                   <Person />
                 </Avatar>
               </MUILink>
             )
           ) : (
-            <Avatar alt={post.user.username} src={`/storage/${post.user.image}`}>
+            <Avatar alt={post.user.username} src={`${STORAGE_PATH}${post.user.image}`}>
               <Person />
             </Avatar>
           )

exam/react/src/components/Profile/Profile.tsx

@@ -19,6 +19,7 @@ import convertDate from '../../utils/date';
 import UserEditDialog from '../Dialogs/UserEdit/UserEditDialog';
 import UserImageDialog from '../Dialogs/UserImage/UserImageDialog';
 import Post from '../Post/Post';
+import { STORAGE_PATH } from '../../constanst';
 
 interface Props {
   user: User;
@@ -40,7 +41,7 @@ const Profile: FC<Props> = ({ user, posts, canEdit }) => {
             <Grid container spacing={2}>
               <Grid item sx={{ display: 'flex', flexGrow: 1, justifyContent: 'center' }}>
                 <IconButton onClick={() => setImageOpen(true)}>
-                  <Avatar alt={user.username} src={`/storage/${user.image}`} sx={{ width: '100px', height: '100px' }}>
+                  <Avatar alt={user.username} src={`${STORAGE_PATH}${user.image}`} sx={{ width: '100px', height: '100px' }}>
                     <Person sx={{ width: '60px', height: '60px' }} />
                   </Avatar>
                 </IconButton>

exam/react/src/constanst.ts

@@ -1,3 +1,4 @@
 export const POST_LIMIT = 15;
 export const PROFILE_POST_LIMIT = 3;
 export const POST_CHAR_LIMIT = 250;
+export const STORAGE_PATH = '/phpCourse/exam/storage/';