From 4e0f26d37192e5d95fb303a40cd58db987c6fe7f Mon Sep 17 00:00:00 2001
From: Mark Volkmann <r.mark.volkmann@gmail.com>
Date: Thu, 2 May 2024 10:17:40 -0500
Subject: [PATCH 1/3] added community/guild icon in GuildSummaryCard

---
 .../guild-results/GuildSummaryCard.jsx          | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/web-ui/src/components/guild-results/GuildSummaryCard.jsx b/web-ui/src/components/guild-results/GuildSummaryCard.jsx
index c784beec42..e1f020d23f 100644
--- a/web-ui/src/components/guild-results/GuildSummaryCard.jsx
+++ b/web-ui/src/components/guild-results/GuildSummaryCard.jsx
@@ -7,6 +7,9 @@ import EditGuildModal from './EditGuildModal';
 import { Link } from 'react-router-dom';
 import { Link as StyledLink } from '@mui/material';
 
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faHammer, faPeopleGroup } from '@fortawesome/free-solid-svg-icons';
+
 import {
   Button,
   Card,
@@ -32,14 +35,20 @@ const classes = {
 };
 const StyledCard = styled(Card)(() => ({
   [`&.${classes.card}`]: {
-    width: '340px',
     display: 'flex',
     flexDirection: 'column',
-    justifyContent: 'space-between'
+    justifyContent: 'space-between',
+    position: 'relative',
+    width: '340px'
   },
   [`& .${classes.header}`]: {
     width: '100%'
   },
+  ['& [data-icon]']: {
+    position: 'absolute',
+    right: '1rem',
+    top: '1rem'
+  },
   [`& .${classes.title}`]: {
     overflow: 'hidden',
     textOverflow: 'ellipsis',
@@ -128,6 +137,10 @@ const GuildSummaryCard = ({ guild, index, isOpen, onGuildSelect }) => {
 
   return (
     <StyledCard className={classes.card}>
+      <FontAwesomeIcon
+        icon={guild.community ? faPeopleGroup : faHammer}
+        size="2x"
+      />
       <CardHeader
         classes={{
           content: classes.header,

From f3128eb97f8f41010ab7b1d52680d0dbe54fe821 Mon Sep 17 00:00:00 2001
From: Mark Volkmann <r.mark.volkmann@gmail.com>
Date: Thu, 2 May 2024 10:58:59 -0500
Subject: [PATCH 2/3] updated title for Guilds page

---
 web-ui/src/components/menu/Menu.jsx     | 2 +-
 web-ui/src/components/routes/Routes.jsx | 4 +---
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/web-ui/src/components/menu/Menu.jsx b/web-ui/src/components/menu/Menu.jsx
index 0990f309cf..5094106990 100644
--- a/web-ui/src/components/menu/Menu.jsx
+++ b/web-ui/src/components/menu/Menu.jsx
@@ -109,7 +109,7 @@ const adminLinks = [
 ];
 
 const directoryLinks = [
-  ['/guilds', 'Guilds'],
+  ['/guilds', 'Guilds & Communities'],
   ['/people', 'People'],
   ['/teams', 'Teams']
 ];
diff --git a/web-ui/src/components/routes/Routes.jsx b/web-ui/src/components/routes/Routes.jsx
index 3186b3948e..a8c5c08b9d 100644
--- a/web-ui/src/components/routes/Routes.jsx
+++ b/web-ui/src/components/routes/Routes.jsx
@@ -50,9 +50,7 @@ export default function Routes() {
         <TeamsPage />
       </Route>
       <Route path="/guilds">
-        <Header title="Guilds">
-          <GroupIcon fontSize="large" />
-        </Header>
+        <Header title="Guilds & Communities" />
         <GuildsPage />
       </Route>
       <Route exact path="/">

From 1cfe74e9dc2e75a1b6dec82e78327724fe7ab46f Mon Sep 17 00:00:00 2001
From: Mark Volkmann <r.mark.volkmann@gmail.com>
Date: Thu, 2 May 2024 12:04:47 -0500
Subject: [PATCH 3/3] updated some snapshot tests

---
 .../__snapshots__/GuildResults.test.jsx.snap  | 34 ++++++++++++-
 .../GuildSummaryCard.test.jsx.snap            | 51 +++++++++++++++++--
 .../menu/__snapshots__/Menu.test.jsx.snap     | 12 ++---
 3 files changed, 86 insertions(+), 11 deletions(-)

diff --git a/web-ui/src/components/guild-results/__snapshots__/GuildResults.test.jsx.snap b/web-ui/src/components/guild-results/__snapshots__/GuildResults.test.jsx.snap
index 52586b8646..6ec672f781 100644
--- a/web-ui/src/components/guild-results/__snapshots__/GuildResults.test.jsx.snap
+++ b/web-ui/src/components/guild-results/__snapshots__/GuildResults.test.jsx.snap
@@ -78,8 +78,23 @@ exports[`renders correctly 1`] = `
       class="guilds"
     >
       <div
-        class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root GuildSummaryCard-card css-1vzgej0-MuiPaper-root-MuiCard-root"
+        class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root GuildSummaryCard-card css-1xtmct9-MuiPaper-root-MuiCard-root"
       >
+        <svg
+          aria-hidden="true"
+          class="svg-inline--fa fa-hammer fa-2x "
+          data-icon="hammer"
+          data-prefix="fas"
+          focusable="false"
+          role="img"
+          viewBox="0 0 576 512"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M413.5 237.5c-28.2 4.8-58.2-3.6-80-25.4l-38.1-38.1C280.4 159 272 138.8 272 117.6V105.5L192.3 62c-5.3-2.9-8.6-8.6-8.3-14.7s3.9-11.5 9.5-14l47.2-21C259.1 4.2 279 0 299.2 0h18.1c36.7 0 72 14 98.7 39.1l44.6 42c24.2 22.8 33.2 55.7 26.6 86L503 183l8-8c9.4-9.4 24.6-9.4 33.9 0l24 24c9.4 9.4 9.4 24.6 0 33.9l-88 88c-9.4 9.4-24.6 9.4-33.9 0l-24-24c-9.4-9.4-9.4-24.6 0-33.9l8-8-17.5-17.5zM27.4 377.1L260.9 182.6c3.5 4.9 7.5 9.6 11.8 14l38.1 38.1c6 6 12.4 11.2 19.2 15.7L134.9 484.6c-14.5 17.4-36 27.4-58.6 27.4C34.1 512 0 477.8 0 435.7c0-22.6 10.1-44.1 27.4-58.6z"
+            fill="currentColor"
+          />
+        </svg>
         <div
           class="MuiCardHeader-root css-185gdzj-MuiCardHeader-root"
         >
@@ -163,8 +178,23 @@ exports[`renders correctly 1`] = `
         </div>
       </div>
       <div
-        class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root GuildSummaryCard-card css-1vzgej0-MuiPaper-root-MuiCard-root"
+        class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root GuildSummaryCard-card css-1xtmct9-MuiPaper-root-MuiCard-root"
       >
+        <svg
+          aria-hidden="true"
+          class="svg-inline--fa fa-hammer fa-2x "
+          data-icon="hammer"
+          data-prefix="fas"
+          focusable="false"
+          role="img"
+          viewBox="0 0 576 512"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M413.5 237.5c-28.2 4.8-58.2-3.6-80-25.4l-38.1-38.1C280.4 159 272 138.8 272 117.6V105.5L192.3 62c-5.3-2.9-8.6-8.6-8.3-14.7s3.9-11.5 9.5-14l47.2-21C259.1 4.2 279 0 299.2 0h18.1c36.7 0 72 14 98.7 39.1l44.6 42c24.2 22.8 33.2 55.7 26.6 86L503 183l8-8c9.4-9.4 24.6-9.4 33.9 0l24 24c9.4 9.4 9.4 24.6 0 33.9l-88 88c-9.4 9.4-24.6 9.4-33.9 0l-24-24c-9.4-9.4-9.4-24.6 0-33.9l8-8-17.5-17.5zM27.4 377.1L260.9 182.6c3.5 4.9 7.5 9.6 11.8 14l38.1 38.1c6 6 12.4 11.2 19.2 15.7L134.9 484.6c-14.5 17.4-36 27.4-58.6 27.4C34.1 512 0 477.8 0 435.7c0-22.6 10.1-44.1 27.4-58.6z"
+            fill="currentColor"
+          />
+        </svg>
         <div
           class="MuiCardHeader-root css-185gdzj-MuiCardHeader-root"
         >
diff --git a/web-ui/src/components/guild-results/__snapshots__/GuildSummaryCard.test.jsx.snap b/web-ui/src/components/guild-results/__snapshots__/GuildSummaryCard.test.jsx.snap
index d4d8665777..3ad645da17 100644
--- a/web-ui/src/components/guild-results/__snapshots__/GuildSummaryCard.test.jsx.snap
+++ b/web-ui/src/components/guild-results/__snapshots__/GuildSummaryCard.test.jsx.snap
@@ -3,8 +3,23 @@
 exports[`renders correctly 1`] = `
 <div>
   <div
-    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root GuildSummaryCard-card css-1vzgej0-MuiPaper-root-MuiCard-root"
+    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root GuildSummaryCard-card css-1xtmct9-MuiPaper-root-MuiCard-root"
   >
+    <svg
+      aria-hidden="true"
+      class="svg-inline--fa fa-hammer fa-2x "
+      data-icon="hammer"
+      data-prefix="fas"
+      focusable="false"
+      role="img"
+      viewBox="0 0 576 512"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M413.5 237.5c-28.2 4.8-58.2-3.6-80-25.4l-38.1-38.1C280.4 159 272 138.8 272 117.6V105.5L192.3 62c-5.3-2.9-8.6-8.6-8.3-14.7s3.9-11.5 9.5-14l47.2-21C259.1 4.2 279 0 299.2 0h18.1c36.7 0 72 14 98.7 39.1l44.6 42c24.2 22.8 33.2 55.7 26.6 86L503 183l8-8c9.4-9.4 24.6-9.4 33.9 0l24 24c9.4 9.4 9.4 24.6 0 33.9l-88 88c-9.4 9.4-24.6 9.4-33.9 0l-24-24c-9.4-9.4-9.4-24.6 0-33.9l8-8-17.5-17.5zM27.4 377.1L260.9 182.6c3.5 4.9 7.5 9.6 11.8 14l38.1 38.1c6 6 12.4 11.2 19.2 15.7L134.9 484.6c-14.5 17.4-36 27.4-58.6 27.4C34.1 512 0 477.8 0 435.7c0-22.6 10.1-44.1 27.4-58.6z"
+        fill="currentColor"
+      />
+    </svg>
     <div
       class="MuiCardHeader-root css-185gdzj-MuiCardHeader-root"
     >
@@ -52,8 +67,23 @@ exports[`renders correctly 1`] = `
 exports[`renders correctly for ADMIN 1`] = `
 <div>
   <div
-    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root GuildSummaryCard-card css-1vzgej0-MuiPaper-root-MuiCard-root"
+    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root GuildSummaryCard-card css-1xtmct9-MuiPaper-root-MuiCard-root"
   >
+    <svg
+      aria-hidden="true"
+      class="svg-inline--fa fa-hammer fa-2x "
+      data-icon="hammer"
+      data-prefix="fas"
+      focusable="false"
+      role="img"
+      viewBox="0 0 576 512"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M413.5 237.5c-28.2 4.8-58.2-3.6-80-25.4l-38.1-38.1C280.4 159 272 138.8 272 117.6V105.5L192.3 62c-5.3-2.9-8.6-8.6-8.3-14.7s3.9-11.5 9.5-14l47.2-21C259.1 4.2 279 0 299.2 0h18.1c36.7 0 72 14 98.7 39.1l44.6 42c24.2 22.8 33.2 55.7 26.6 86L503 183l8-8c9.4-9.4 24.6-9.4 33.9 0l24 24c9.4 9.4 9.4 24.6 0 33.9l-88 88c-9.4 9.4-24.6 9.4-33.9 0l-24-24c-9.4-9.4-9.4-24.6 0-33.9l8-8-17.5-17.5zM27.4 377.1L260.9 182.6c3.5 4.9 7.5 9.6 11.8 14l38.1 38.1c6 6 12.4 11.2 19.2 15.7L134.9 484.6c-14.5 17.4-36 27.4-58.6 27.4C34.1 512 0 477.8 0 435.7c0-22.6 10.1-44.1 27.4-58.6z"
+        fill="currentColor"
+      />
+    </svg>
     <div
       class="MuiCardHeader-root css-185gdzj-MuiCardHeader-root"
     >
@@ -142,8 +172,23 @@ exports[`renders correctly for ADMIN 1`] = `
 exports[`renders correctly for guild lead 1`] = `
 <div>
   <div
-    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root GuildSummaryCard-card css-1vzgej0-MuiPaper-root-MuiCard-root"
+    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root GuildSummaryCard-card css-1xtmct9-MuiPaper-root-MuiCard-root"
   >
+    <svg
+      aria-hidden="true"
+      class="svg-inline--fa fa-hammer fa-2x "
+      data-icon="hammer"
+      data-prefix="fas"
+      focusable="false"
+      role="img"
+      viewBox="0 0 576 512"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M413.5 237.5c-28.2 4.8-58.2-3.6-80-25.4l-38.1-38.1C280.4 159 272 138.8 272 117.6V105.5L192.3 62c-5.3-2.9-8.6-8.6-8.3-14.7s3.9-11.5 9.5-14l47.2-21C259.1 4.2 279 0 299.2 0h18.1c36.7 0 72 14 98.7 39.1l44.6 42c24.2 22.8 33.2 55.7 26.6 86L503 183l8-8c9.4-9.4 24.6-9.4 33.9 0l24 24c9.4 9.4 9.4 24.6 0 33.9l-88 88c-9.4 9.4-24.6 9.4-33.9 0l-24-24c-9.4-9.4-9.4-24.6 0-33.9l8-8-17.5-17.5zM27.4 377.1L260.9 182.6c3.5 4.9 7.5 9.6 11.8 14l38.1 38.1c6 6 12.4 11.2 19.2 15.7L134.9 484.6c-14.5 17.4-36 27.4-58.6 27.4C34.1 512 0 477.8 0 435.7c0-22.6 10.1-44.1 27.4-58.6z"
+        fill="currentColor"
+      />
+    </svg>
     <div
       class="MuiCardHeader-root css-185gdzj-MuiCardHeader-root"
     >
diff --git a/web-ui/src/components/menu/__snapshots__/Menu.test.jsx.snap b/web-ui/src/components/menu/__snapshots__/Menu.test.jsx.snap
index 483bf04f81..28e7a641aa 100644
--- a/web-ui/src/components/menu/__snapshots__/Menu.test.jsx.snap
+++ b/web-ui/src/components/menu/__snapshots__/Menu.test.jsx.snap
@@ -144,7 +144,7 @@ exports[`<Menu /> > renders correctly 1`] = `
                         <span
                           class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary Menu-subListItem css-10hburv-MuiTypography-root"
                         >
-                          Guilds
+                          Guilds & Communities
                         </span>
                       </div>
                     </a>
@@ -281,7 +281,7 @@ exports[`<Menu /> > renders correctly 1`] = `
                         <span
                           class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary Menu-subListItem css-10hburv-MuiTypography-root"
                         >
-                          Guilds
+                          Guilds & Communities
                         </span>
                       </div>
                     </a>
@@ -500,7 +500,7 @@ exports[`<Menu /> > renders correctly for admin 1`] = `
                         <span
                           class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary Menu-subListItem css-10hburv-MuiTypography-root"
                         >
-                          Guilds
+                          Guilds & Communities
                         </span>
                       </div>
                     </a>
@@ -668,7 +668,7 @@ exports[`<Menu /> > renders correctly for admin 1`] = `
                         <span
                           class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary Menu-subListItem css-10hburv-MuiTypography-root"
                         >
-                          Guilds
+                          Guilds & Communities
                         </span>
                       </div>
                     </a>
@@ -892,7 +892,7 @@ exports[`<Menu /> > renders correctly for pdl 1`] = `
                         <span
                           class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary Menu-subListItem css-10hburv-MuiTypography-root"
                         >
-                          Guilds
+                          Guilds & Communities
                         </span>
                       </div>
                     </a>
@@ -1029,7 +1029,7 @@ exports[`<Menu /> > renders correctly for pdl 1`] = `
                         <span
                           class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary Menu-subListItem css-10hburv-MuiTypography-root"
                         >
-                          Guilds
+                          Guilds & Communities
                         </span>
                       </div>
                     </a>