From 5ff7784169d4e1aaffa1dc6f360aec109ce88f30 Mon Sep 17 00:00:00 2001
From: MisbehavedNinjaRadiator
<120029998+MisbehavedNinjaRadiator@users.noreply.github.com.>
Date: Fri, 20 Jun 2025 14:42:05 +0200
Subject: [PATCH] save
---
code/frontend/src/components/Post.tsx | 129 ++++++++++++++++++++++++++
1 file changed, 129 insertions(+)
create mode 100644 code/frontend/src/components/Post.tsx
diff --git a/code/frontend/src/components/Post.tsx b/code/frontend/src/components/Post.tsx
new file mode 100644
index 0000000..372a074
--- /dev/null
+++ b/code/frontend/src/components/Post.tsx
@@ -0,0 +1,129 @@
+import * as React from 'react';
+import { styled } from '@mui/material/styles';
+import Card from '@mui/material/Card';
+import CardHeader from '@mui/material/CardHeader';
+import CardMedia from '@mui/material/CardMedia';
+import CardContent from '@mui/material/CardContent';
+import CardActions from '@mui/material/CardActions';
+import Collapse from '@mui/material/Collapse';
+import Avatar from '@mui/material/Avatar';
+import IconButton, { IconButtonProps } from '@mui/material/IconButton';
+import Typography from '@mui/material/Typography';
+import { red } from '@mui/material/colors';
+import FavoriteIcon from '@mui/icons-material/Favorite';
+import ShareIcon from '@mui/icons-material/Share';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import MoreVertIcon from '@mui/icons-material/MoreVert';
+
+interface ExpandMoreProps extends IconButtonProps {
+ expand: boolean;
+}
+
+const ExpandMore = styled((props: ExpandMoreProps) => {
+ const { expand, ...other } = props;
+ return ;
+})(({ theme }) => ({
+ marginLeft: 'auto',
+ transition: theme.transitions.create('transform', {
+ duration: theme.transitions.duration.shortest,
+ }),
+ variants: [
+ {
+ props: ({ expand }) => !expand,
+ style: {
+ transform: 'rotate(0deg)',
+ },
+ },
+ {
+ props: ({ expand }) => !!expand,
+ style: {
+ transform: 'rotate(180deg)',
+ },
+ },
+ ],
+}));
+
+export default function Post() {
+ const [expanded, setExpanded] = React.useState(false);
+
+ const handleExpandClick = () => {
+ setExpanded(!expanded);
+ };
+
+ return (
+
+
+ R
+
+ }
+ action={
+
+
+
+ }
+ title="Shrimp and Chorizo Paella"
+ subheader="September 14, 2016"
+ />
+
+
+
+ This impressive paella is a perfect party dish and a fun meal to cook
+ together with your guests. Add 1 cup of frozen peas along with the mussels,
+ if you like.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Method:
+
+ Heat 1/2 cup of the broth in a pot until simmering, add saffron and set
+ aside for 10 minutes.
+
+
+ Heat oil in a (14- to 16-inch) paella pan or a large, deep skillet over
+ medium-high heat. Add chicken, shrimp and chorizo, and cook, stirring
+ occasionally until lightly browned, 6 to 8 minutes. Transfer shrimp to a
+ large plate and set aside, leaving chicken and chorizo in the pan. Add
+ pimentón, bay leaves, garlic, tomatoes, onion, salt and pepper, and cook,
+ stirring often until thickened and fragrant, about 10 minutes. Add
+ saffron broth and remaining 4 1/2 cups chicken broth; bring to a boil.
+
+
+ Add rice and stir very gently to distribute. Top with artichokes and
+ peppers, and cook without stirring, until most of the liquid is absorbed,
+ 15 to 18 minutes. Reduce heat to medium-low, add reserved shrimp and
+ mussels, tucking them down into the rice, and cook again without
+ stirring, until mussels have opened and rice is just tender, 5 to 7
+ minutes more. (Discard any mussels that don't open.)
+
+
+ Set aside off of the heat to let rest for 10 minutes, and then serve.
+
+
+
+
+ );
+}