Recent posts

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

@@ -28,9 +28,10 @@ import ErrorComponent from '../Error/ErrorComponent';
 
 interface Props {
   post: PostNonAuth | PostAuth;
+  disableActions?: boolean;
 }
 
-const Post: FC<Props> = ({ post }) => {
+const Post: FC<Props> = ({ post, disableActions }) => {
   const [deleteOpen, setDeleteOpen] = useState(false);
   const [editOpen, setEditOpen] = useState(false);
   //eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -50,7 +51,7 @@ const Post: FC<Props> = ({ post }) => {
     <Card>
       <CardHeader
         avatar={
-          'id' in post.user ? (
+          !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}`}>
@@ -71,7 +72,7 @@ const Post: FC<Props> = ({ post }) => {
           )
         }
         title={
-          'id' in post.user ? (
+          !disableActions && 'id' in post.user ? (
             post.user.id !== Api.getAuthenticatedUser()?.id ? (
               <MUILink component={Link} to="/profile/$id" params={{ id: post.user.id }}>
                 {post.user.username}
@@ -94,15 +95,16 @@ const Post: FC<Props> = ({ post }) => {
       </CardContent>
 
       <CardActions>
-        {(Api.isAdmin() || ('id' in post.user && post.user.id === Api.getAuthenticatedUser()?.id)) && (
-          <>
-            <Button size="small" onClick={() => setEditOpen(true)}>
-              {t('Edit')}
-            </Button>
-            <PostEditDialog post={post as PostAuth} open={editOpen} onClose={() => setEditOpen(false)} />
-          </>
-        )}
-        {Api.isAdmin() && (
+        {!disableActions &&
+          (Api.isAdmin() || ('id' in post.user && post.user.id === Api.getAuthenticatedUser()?.id)) && (
+            <>
+              <Button size="small" onClick={() => setEditOpen(true)}>
+                {t('Edit')}
+              </Button>
+              <PostEditDialog post={post as PostAuth} open={editOpen} onClose={() => setEditOpen(false)} />
+            </>
+          )}
+        {!disableActions && Api.isAdmin() && (
           <>
             <Button size="small" color="error" onClick={() => setDeleteOpen(true)}>
               {t('Delete')}