Merge pull request #567 from wri/release/queenly-queenwood

[RELEASE] Queenly Queenwood

package.json

@@ -68,6 +68,7 @@
     "react-if": "^4.1.4",
     "react-inlinesvg": "^3.0.0",
     "react-joyride": "^2.5.5",
+    "recharts": "^2.13.0",
     "swiper": "^9.0.5",
     "tailwind-merge": "^1.14.0",
     "typescript": "4.9.4",

src/admin/components/ResourceTabs/AuditLogTab/components/AuditLogTable.tsx

@@ -22,7 +22,11 @@ const getTextForActionTable = (
   if (item.type === "comment" && entity == "site-polygon") {
     return "New Comment";
   } else if (item.type === "status" && entity == "site-polygon") {
-    return `New Status: ${formattedTextStatus(item.status)}`;
+    const text = `New Status: ${formattedTextStatus(item.status)}`;
+    if (text === "New Status: Updated") {
+      return "Updated";
+    }
+    return text;
   } else if (item.type === "change-request-updated") {
     return "Change Request Updated";
   } else if (item.request_removed && entity == "site-polygon") {

src/admin/components/ResourceTabs/InformationTab/components/ProjectInformationAside/QuickActions.tsx

@@ -72,9 +72,6 @@ const QuickActions: FC = () => {
         <Button variant="outlined" onClick={() => handleExport("sites")}>
           Export Site Reports
         </Button>
-        <Button variant="outlined" onClick={() => handleExport("shapefiles")}>
-          Export Shapefiles
-        </Button>
         <Divider sx={{ marginBottom: 2 }} />
       </Stack>
 

src/admin/components/ResourceTabs/InformationTab/components/SiteInformationAside/QuickActions.tsx

@@ -4,7 +4,7 @@ import { Button, Labeled, Link, NumberField, useCreatePath, useShowContext } fro
 
 import modules from "@/admin/modules";
 import Text from "@/components/elements/Text/Text";
-import { downloadFileBlob } from "@/utils/network";
+
 const QuickActions: FC = () => {
   const { record } = useShowContext();
   const createPath = useCreatePath();
@@ -29,16 +29,6 @@ const QuickActions: FC = () => {
     justifyContent: "space-between"
   };
 
-  const downloadShapefile = async () => {
-    try {
-      if (record && record.name && record.boundary_geojson) {
-        downloadFileBlob(record.boundary_geojson, `${record.name}_shapefile.geojson`);
-      }
-    } catch (error) {
-      console.error("Error downloading shapefile:", error);
-    }
-  };
-
   return (
     <Card className="!shadow-none">
       <Box paddingX={3.75} paddingY={2}>
@@ -77,7 +67,6 @@ const QuickActions: FC = () => {
             to={getNavigationPath("./4")}
             label="Add Monitored Data"
           />
-          <Button className="button-aside-page-admin" onClick={downloadShapefile} label="Download Shapefile" />
         </Stack>
       </Box>
     </Card>

src/components/elements/Cards/DashboardCard/ImpactStoryCard.stories.tsx

@@ -0,0 +1,19 @@
+import { Meta, StoryObj } from "@storybook/react";
+
+import ImpactStoryCard from "./ImpactStoryCard";
+
+const meta: Meta<typeof ImpactStoryCard> = {
+  title: "Components/Elements/Cards/ImpactStoryCard",
+  component: ImpactStoryCard
+};
+
+export default meta;
+type Story = StoryObj<typeof ImpactStoryCard>;
+
+export const Default: Story = {
+  args: {
+    title: "Impact Story Title",
+    description: "This is a brief description of the impact story.",
+    image: "https://via.placeholder.com/150"
+  }
+};

src/pages/dashboard/components/ImpactStoryCard.tsx → src/components/elements/Cards/DashboardCard/ImpactStoryCard.tsx

@@ -3,7 +3,7 @@ import React from "react";
 
 import Text from "@/components/elements/Text/Text";
 import Icon, { IconNames } from "@/components/extensive/Icon/Icon";
-interface ImpactStoryCardProps {
+export interface ImpactStoryCardProps {
   key?: string;
   date: string;
   by: string;

src/components/elements/Cards/DashboardCard/__snapshots__/ImpactStoryCard.stories.storyshot

@@ -0,0 +1,47 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Storyshots Components/Elements/Cards/ImpactStoryCard Default 1`] = `
+<div
+  className="flex cursor-pointer items-center gap-4 overflow-hidden rounded-lg border border-neutral-200 bg-white p-4 hover:bg-grey-200"
+>
+  <img
+    alt="profile"
+    className="h-20 w-20 rounded-lg bg-cover"
+    src="https://via.placeholder.com/150"
+  />
+  <div
+    className="flex-flex-col flex-1 gap-2 overflow-hidden"
+  >
+    <div
+      className="flex items-center gap-1"
+    >
+      <p
+        className="whitespace-nowrap text-grey-700 text-14-light"
+        data-testid="txt"
+      >
+        undefined by undefined
+      </p>
+      <div
+        style={
+          Object {
+            "height": undefined,
+            "width": 24,
+          }
+        }
+      />
+    </div>
+    <p
+      className="overflow-hidden text-ellipsis whitespace-nowrap text-darkCustom text-14-bold"
+      data-testid="txt"
+    >
+      Impact Story Title
+    </p>
+    <p
+      className="overflow-hidden text-ellipsis whitespace-nowrap text-grey-700 text-14-light"
+      data-testid="txt"
+    >
+      This is a brief description of the impact story.
+    </p>
+  </div>
+</div>
+`;