+
+ {item.type === "image" ? (
+
+ ) : (
+
+ )}
+
+ ))}
+ >
+ );
+}
+
+CommunityWrapper.whyDidYouRender = true;
+
+export default CommunityWrapper;
diff --git a/scripts/pages/community.js b/scripts/pages/community.js
new file mode 100644
index 0000000..ee7ed60
--- /dev/null
+++ b/scripts/pages/community.js
@@ -0,0 +1,28 @@
+import Typography from "@mui/material/Typography";
+import Container from "@mui/material/Container";
+import Masonry from "@mui/lab/Masonry";
+import CommunityWrapper from "../components/communityWrapper/communityWrapper";
+import useMediaQuery from "@mui/material/useMediaQuery";
+
+function Community() {
+ const md = useMediaQuery((theme) => theme.breakpoints.up("md"));
+ const xsm = useMediaQuery((theme) => theme.breakpoints.only("xs"));
+ let columns = md ? 3 : xsm ? 1 : 2;
+
+ return (
+