Added text to the guild card indicating whether or not it is inactive.

Author: ocielliottc

web-ui/src/components/guild-results/GuildSummaryCard.jsx

@@ -20,7 +20,8 @@ import {
   DialogContent,
   DialogActions,
   Link as StyledLink,
-  Tooltip
+  Tooltip,
+  Typography,
 } from '@mui/material';
 import PropTypes from 'prop-types';
 import { updateGuild } from '../../api/guild.js';
@@ -54,6 +55,11 @@ const StyledCard = styled(Card)(() => ({
   }
 }));
 
+const inactiveStyle = {
+  'color': 'var(--action-disabled)',
+  'font-size': '0.75em',
+};
+
 const propTypes = {
   guild: PropTypes.shape({
     id: PropTypes.string,
@@ -139,6 +145,14 @@ const GuildSummaryCard = ({ guild, index, isOpen, onGuildSelect }) => {
         }
       />
       <CardContent>
+        {!guild.active && (
+          <Typography sx={{ position: 'absolute', top: 10, right: 10,
+                            ...inactiveStyle,
+                          }}
+          >
+            Inactive
+          </Typography>
+        )}
         {guild?.link ? (
           <React.Fragment>
             <div>