everything moved to src

src/app/Fragments/Armory/index.tsx

@@ -0,0 +1,29 @@
+import { sectionLinks } from "@/app/lib/linkList/sectionLinks";
+import Link from "next/link";
+import armoryLinks from "@/app/lib/linkList/sectionLinks";
+
+let linksArray = [
+    sectionLinks.UPPERS,
+    sectionLinks.LOWERS,
+    sectionLinks.BARRELS,
+    sectionLinks.OPTICS,
+    sectionLinks.ACCESSORIES,  
+];
+export const Armory = (props) => {
+    return (
+        (<div>
+            {armoryLinks.length}
+            <h4>{props.titleText}</h4>
+            <ul>
+                {linksArray.map((link, index) => (
+                    <li key={index}>
+                        <Link href={link.URL}>
+                            {link.TEXT}   
+                        </Link>
+                    </li>
+                ))}
+            </ul>
+        </div>)
+    );
+}
+export default Armory;

src/app/Fragments/Armory/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "armory",
+  "version": "0.0.0",
+  "private": true,
+  "main": "./index",
+  "author": {
+    "name": "Sean Strawsburg",
+    "email": "sean@goforward.group",
+    "url": "https://goforward.group/"
+  },
+  "contributors": [
+    {
+      "name": "Don Strawsburg",
+      "email": "don@goforward.group",
+      "url": "https://goforward.group/"
+    },
+    {
+      "name": "Sean Strawsburg",
+      "email": "sean@goforward.group",
+      "url": "https://goforward.group/"
+    }
+  ]
+}

src/app/Fragments/Armory/style.module.scss

@@ -0,0 +1 @@
+@import '../../scss/variables.scss';

src/app/Fragments/Button/index.js

@@ -0,0 +1,38 @@
+import React from 'react';
+
+import styles from './style.module.scss'
+
+const Button = ({
+  children,
+  className,
+  color = 'black',
+  type = 'button',
+  ...props
+}) => (
+  <button
+    className={`${className} Button Button_${color}`}
+    type={type}
+    {...props}
+  >
+    {children}
+  </button>
+);
+
+const ButtonUnobtrusive = ({
+  children,
+  className,
+  type = 'button',
+  ...props
+}) => (
+  <button
+    className={`${className} Button_unobtrusive`}
+    type={type}
+    {...props}
+  >
+    {children}
+  </button>
+);
+
+export { ButtonUnobtrusive };
+
+export default Button;

src/app/Fragments/Button/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "button",
+  "version": "0.0.0",
+  "private": true,
+  "main": "./index",
+  "author": {
+    "name": "Sean Strawsburg",
+    "email": "sean@goforward.group",
+    "url": "https://goforward.group/"
+  },
+  "contributors": [
+    {
+      "name": "Don Strawsburg",
+      "email": "don@goforward.group",
+      "url": "https://goforward.group/"
+    },
+    {
+      "name": "Sean Strawsburg",
+      "email": "sean@goforward.group",
+      "url": "https://goforward.group/"
+    }
+  ]
+}

src/app/Fragments/Button/style.module.scss

@@ -0,0 +1,46 @@
+.Button {
+  padding: 10px;
+  background: none;
+  cursor: pointer;
+  transition: color 0.25s ease-in-out;
+  transition: background 0.25s ease-in-out;
+}
+
+.Button_white {
+  border: 1px solid #fff;
+  color: #fff;
+}
+
+.Button_white:hover {
+  color: #000;
+  background: #fff;
+}
+
+.Button_black {
+  border: 1px solid #000;
+  color: #000;
+}
+
+.Button_black:hover {
+  color: #fff;
+  background: #000;
+}
+
+.Button_unobtrusive {
+  padding: 0;
+  color: #000;
+  background: none;
+  border: none;
+  cursor: pointer;
+  opacity: 1;
+  transition: opacity 0.25s ease-in-out;
+  outline: none;
+}
+
+.Button_unobtrusive:hover {
+  opacity: 0.35;
+}
+
+.Button_unobtrusive:focus {
+  outline: none;
+}

src/app/Fragments/DSTPageHeader/index.js

@@ -0,0 +1,8 @@
+
+const DSTPageHeader = props => {
+    return (
+        <div>{props.title}</div>
+
+    )
+}
+export default DSTPageHeader

src/app/Fragments/DSTPageHeader/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "DSTPageHeader",
+  "version": "0.0.0",
+  "private": true,
+  "main": "./index",
+  "author": {
+    "name": "Don Strawsburg",
+    "email": "don@goforward.group",
+    "url": "https://goforward.group/"
+  },
+  "contributors": [
+    {
+      "name": "Don Strawsburg",
+      "email": "don@goforward.group",
+      "url": "https://goforward.group/"
+    },
+    {
+      "name": "Sean Strawsburg",
+      "email": "sean@goforward.group",
+      "url": "https://goforward.group/"
+    }
+  ]
+}

src/app/Fragments/Error/index.js

@@ -0,0 +1,11 @@
+import React from 'react';
+
+import styles from './style.module.css';
+
+const ErrorMessage = ({ error }) => (
+  <div className="ErrorMessage">
+    <small>{error.toString()}</small>
+  </div>
+);
+
+export default ErrorMessage;

src/app/Fragments/Error/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "error",
+  "version": "0.0.0",
+  "private": true,
+  "main": "./index",
+  "author": {
+    "name": "Sean Strawsburg",
+    "email": "sean@goforward.group",
+    "url": "https://goforward.group/"
+  },
+  "contributors": [
+    {
+      "name": "Don Strawsburg",
+      "email": "don@goforward.group",
+      "url": "https://goforward.group/"
+    },
+    {
+      "name": "Sean Strawsburg",
+      "email": "sean@goforward.group",
+      "url": "https://goforward.group/"
+    }
+  ]
+}

src/app/Fragments/Error/style.module.css

@@ -0,0 +1,5 @@
+.ErrorMessage {
+  margin: 20px;
+  display: flex;
+  justify-content: center;
+}

src/app/Fragments/FooterLink/index.tsx

@@ -0,0 +1,13 @@
+import { ListItemText, Link } from "@mui/material";
+import styles from './styles.module.css'
+import { withStyles } from '@mui/material/styles';
+import styled from '@emotion/styled'
+import React from "react";
+
+export default function FooterLink(props) {
+    return (
+        <ListItemText inset >
+            <Link href={props.href}><a className={styles.navLinks}>{props.title}</a></Link>
+        </ListItemText>
+    )
+}

src/app/Fragments/FooterLink/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "footerlink",
+  "version": "0.0.0",
+  "private": true,
+  "main": "./index",
+  "author": {
+    "name": "Sean Strawsburg",
+    "email": "sean@goforward.group",
+    "url": "https://goforward.group/"
+  },
+  "contributors": [
+    {
+      "name": "Don Strawsburg",
+      "email": "don@goforward.group",
+      "url": "https://goforward.group/"
+    },
+    {
+      "name": "Sean Strawsburg",
+      "email": "sean@goforward.group",
+      "url": "https://goforward.group/"
+    }
+  ]
+}

src/app/Fragments/FooterLink/styles.module.css

@@ -0,0 +1,5 @@
+
+.navLinks:hover {
+    font-weight: bold;
+    text-decoration : none;
+}

src/app/Fragments/GroundZero/index.tsx

@@ -0,0 +1,27 @@
+import { sectionLinks } from "@/app/lib/linkList/sectionLinks";
+import Link from "next/link";
+
+let linksArray = [
+    sectionLinks.BLOG,
+    sectionLinks.PRICEDROPS,
+    sectionLinks.BUILDS,
+    sectionLinks.BUILDGUIDES,
+];
+
+export const GroundZero = (props) => {
+    return (
+        (<div>
+            <h4>{props.titleText}</h4>
+            <ul>
+                {linksArray.map((link, index) => (
+                    <li key={index}>
+                        <Link href={link.URL}>
+                            {link.TEXT}
+                        </Link>
+                    </li>
+                ))}
+            </ul>
+        </div>)
+    );
+}
+export default GroundZero;

src/app/Fragments/GroundZero/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "groundzero",
+  "version": "0.0.0",
+  "private": true,
+  "main": "./index",
+  "author": {
+    "name": "Sean Strawsburg",
+    "email": "sean@goforward.group",
+    "url": "https://goforward.group/"
+  },
+  "contributors": [
+    {
+      "name": "Don Strawsburg",
+      "email": "don@goforward.group",
+      "url": "https://goforward.group/"
+    },
+    {
+      "name": "Sean Strawsburg",
+      "email": "sean@goforward.group",
+      "url": "https://goforward.group/"
+    }
+  ]
+}

src/app/Fragments/GroundZero/style.module.scss

@@ -0,0 +1 @@
+@import '../../scss/variables.scss';

src/app/Fragments/Information/index.tsx

@@ -0,0 +1,27 @@
+import { infoLinks } from "@/app/lib/linkList/infoLinks";
+import Link from "next/link";
+let linksArray = [
+    infoLinks.ABOUT,
+    infoLinks.FAQ,
+    infoLinks.DISCLOSURE,
+    infoLinks.PRIVACYPOLICY,
+    infoLinks.PIP,
+    infoLinks.TOS
+];
+export const Information = (props) => {
+    return (
+        (<div>
+            <h4>{props.titleText}</h4>
+            <ul>
+                {linksArray.map((link, index) => (
+                    <li key={index}>
+                        <Link href={link.URL}>
+                            {link.TEXT}
+                        </Link>
+                    </li>
+                ))}
+            </ul>
+        </div>)
+    );
+}
+export default Information;

src/app/Fragments/Information/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "information",
+  "version": "0.0.0",
+  "private": true,
+  "main": "./index",
+  "author": {
+    "name": "Sean Strawsburg",
+    "email": "sean@goforward.group",
+    "url": "https://goforward.group/"
+  },
+  "contributors": [
+    {
+      "name": "Don Strawsburg",
+      "email": "don@goforward.group",
+      "url": "https://goforward.group/"
+    },
+    {
+      "name": "Sean Strawsburg",
+      "email": "sean@goforward.group",
+      "url": "https://goforward.group/"
+    }
+  ]
+}

src/app/Fragments/Information/style.module.scss

@@ -0,0 +1 @@
+@import '../../scss/variables.scss';

src/app/Fragments/States/index.tsx

@@ -0,0 +1,70 @@
+import React from 'react';
+import { makeStyles } from '@mui/material/styles';
+import InputLabel from '@mui/material/InputLabel';
+import FormHelperText from '@mui/material/FormHelperText';
+import FormControl from '@mui/material/FormControl';
+import Select from '@mui/material/Select';
+import NativeSelect from '@mui/material/NativeSelect';
+import { useQuery, gql } from "@apollo/client";
+
+
+const useStyles = makeStyles((theme) => ({
+  formControl: {
+    margin: theme.spacing(1),
+    minWidth: 120,
+  },
+  selectEmpty: {
+    marginTop: theme.spacing(2),
+  },
+}));
+
+  const GET_STATES = gql`
+      {
+       states {
+    abbrev
+    name
+    }
+  }`
+
+export default function StateNativeSelects() {
+  const classes = useStyles();
+  const [state, setState] = React.useState({
+    abbrev: '',
+    name: '',
+  });
+
+  const handleChange = (event) => {
+    const name = event.target.name;
+    setState({
+      ...state,
+      [name]: event.target.value,
+    });
+  };
+
+const { loading, error, data } = useQuery(GET_STATES);
+
+  if (loading) return <p>Loading...</p>;
+  if (error) return <p>Error :(</p>;
+
+  return (
+    <div>
+      <FormControl className={classes.formControl}>
+        <InputLabel htmlFor="state-native-simple">State</InputLabel>
+        <Select
+          native
+          value={state.abbrev}
+          onChange={handleChange}
+          inputProps={{
+            name: 'abbrev',
+            id: 'abbrev-native-simple',
+          }}
+          >
+          <option aria-label="None" value="" />
+        {data.states.map(({ abbrev, name }) => (
+            <option value={abbrev}>{name}</option>
+          ))}          
+        </Select>
+      </FormControl>
+    </div>
+  );
+}