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. + + + + + ); +}