54 add report and issue button (#59)

* move MarkdownArticle to article article component directory

* add report and issue button

* increment version

dpg-client/values.yaml

@@ -16,7 +16,7 @@ image:
   pullPolicy: Always
   port: 3000
   # Overrides the image tag whose default is the chart appVersion (i.e., should be the git/release tag)
-  tag: "v0.0.25"
+  tag: "v0.0.26"
 
 imagePullSecrets: [ ]
 nameOverride: ""

package.json

@@ -1,6 +1,6 @@
 {
   "name": "dpgraham-client",
-  "version": "0.0.25",
+  "version": "0.0.26",
   "private": true,
   "scripts": {
     "start": "vite",

src/components/Nav/NavDrawer.tsx

@@ -1,3 +1,4 @@
+import { GitHub, OpenInNew } from "@mui/icons-material";
 import {
   Divider,
   Drawer,
@@ -60,6 +61,28 @@ export function NavDrawer({ showMenu, setShowMenu }: NavDrawerProps) {
           </ListItem>
         ))}
       </List>
+      <List style={{ marginTop: "auto" }}>
+        <ListItem disablePadding>
+          <ListItemButton
+            href="https://github.com/dpgraham4401/dpgraham-client/issues"
+            target="_blank"
+            rel="noreferrer"
+          >
+            <ListItemIcon>
+              <GitHub />
+            </ListItemIcon>
+            <ListItemText
+              primary={
+                <div style={{ display: "flex", alignContent: "baseline" }}>
+                  Report and Issue
+                  <OpenInNew fontSize={"small"} sx={{ marginLeft: 1 }} />
+                </div>
+              }
+              secondary="Found a bug? Give us your feedback"
+            />
+          </ListItemButton>
+        </ListItem>
+      </List>
     </Drawer>
   );
 }

src/components/ArticlesOverview/ArticleCard.spec.tsx → src/components/article/ArticleCard.spec.tsx

@@ -1,5 +1,5 @@
 import { render, screen } from "@testing-library/react";
-import { ArticleCard } from "components/ArticlesOverview";
+import { ArticleCard } from "components/article";
 import { Article } from "features/Articles";
 import React from "react";
 import { BrowserRouter } from "react-router-dom";

src/components/ArticlesOverview/ArticleGrid.spec.tsx → src/components/article/ArticleGrid.spec.tsx

@@ -1,5 +1,5 @@
 import { render, screen } from "@testing-library/react";
-import { ArticlesGrid } from "components/ArticlesOverview/ArticlesGrid";
+import { ArticlesGrid } from "components/article/ArticlesGrid";
 import { Article } from "features/Articles";
 import React from "react";
 import { BrowserRouter } from "react-router-dom";

src/components/ArticlesOverview/ArticlesGrid.tsx → src/components/article/ArticlesGrid.tsx

@@ -1,5 +1,5 @@
 import { Grid } from "@mui/material";
-import { ArticleCard } from "components/ArticlesOverview/ArticleCard";
+import { ArticleCard } from "components/article/ArticleCard";
 import { Article } from "features/Articles";
 import React from "react";
 

src/components/ArticlesOverview/ArticlesOverview.tsx → src/components/article/ArticlesOverview.tsx

@@ -1,5 +1,5 @@
 import { CircularProgress, Container, Grid } from "@mui/material";
-import { ArticlesGrid } from "components/ArticlesOverview/ArticlesGrid";
+import { ArticlesGrid } from "components/article/ArticlesGrid";
 import { DpgPageError } from "components/DpgError";
 import { Article } from "features/Articles";
 import React from "react";

src/components/article/index.ts

@@ -0,0 +1,6 @@
+import { ArticleCard } from "components/article/ArticleCard";
+import { ArticlesGrid } from "components/article/ArticlesGrid";
+import { ArticlesOverview } from "components/article/ArticlesOverview";
+import { MarkdownArticle } from "components/article/MarkdownArticle";
+
+export { ArticlesOverview, ArticleCard, ArticlesGrid, MarkdownArticle };

src/features/Articles/Articles.tsx

@@ -1,6 +1,5 @@
 import { Box } from "@mui/material";
-import { ArticlesOverview } from "components/ArticlesOverview";
-import { MarkdownArticle } from "components/MarkdownArticle";
+import { ArticlesOverview, MarkdownArticle } from "components/article";
 import React from "react";
 import { Route, Routes } from "react-router-dom";