umwd-components 0.1.78 → 0.1.80

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/cjs/components/FleetSection.js +4 -2
  2. package/dist/cjs/components/NavBar.js +3 -0
  3. package/dist/esm/components/FleetSection.js +4 -2
  4. package/dist/esm/components/NavBar.js +3 -0
  5. package/package.json +1 -1
  6. package/src/components/FleetSection.tsx +7 -2
  7. package/src/components/NavBar.js +4 -9
  8. package/src/components/Page.js +1 -1
  9. package/src/stories/Navbar.stories.js +8 -3
package/dist/cjs/components/FleetSection.js CHANGED
@@ -54,7 +54,7 @@ function FleetSection(_ref) {
54
54
  }, /*#__PURE__*/React.createElement(material.Paper, {
55
55
  sx: {
56
56
  p: 1,
57
- py: "3rem",
57
+ py: "4rem",
58
58
  position: "relative",
59
59
  display: "grid",
60
60
  alignItems: "center",
@@ -86,7 +86,9 @@ function FleetSection(_ref) {
86
86
  sx: {}
87
87
  }, /*#__PURE__*/React.createElement(material.Stack, {
88
88
  direction: "row",
89
- spacing: 1
89
+ spacing: 1,
90
+ flexWrap: "wrap",
91
+ useFlexGap: true
90
92
  }, /*#__PURE__*/React.createElement(material.Chip, {
91
93
  label: "Range: ".concat(airplane.range, " km"),
92
94
  variant: "filled",
package/dist/cjs/components/NavBar.js CHANGED
@@ -155,6 +155,9 @@ function NavBar(_ref) {
155
155
  label: tab.name,
156
156
  onClick: () => {
157
157
  router.push(tab.url);
158
+ },
159
+ sx: {
160
+ p: 1
158
161
  }
159
162
  });
160
163
  }))), /*#__PURE__*/React.createElement(Link, {
package/dist/esm/components/FleetSection.js CHANGED
@@ -52,7 +52,7 @@ function FleetSection(_ref) {
52
52
  }, /*#__PURE__*/React.createElement(Paper, {
53
53
  sx: {
54
54
  p: 1,
55
- py: "3rem",
55
+ py: "4rem",
56
56
  position: "relative",
57
57
  display: "grid",
58
58
  alignItems: "center",
@@ -84,7 +84,9 @@ function FleetSection(_ref) {
84
84
  sx: {}
85
85
  }, /*#__PURE__*/React.createElement(Stack, {
86
86
  direction: "row",
87
- spacing: 1
87
+ spacing: 1,
88
+ flexWrap: "wrap",
89
+ useFlexGap: true
88
90
  }, /*#__PURE__*/React.createElement(Chip, {
89
91
  label: "Range: ".concat(airplane.range, " km"),
90
92
  variant: "filled",
package/dist/esm/components/NavBar.js CHANGED
@@ -151,6 +151,9 @@ function NavBar(_ref) {
151
151
  label: tab.name,
152
152
  onClick: () => {
153
153
  router.push(tab.url);
154
+ },
155
+ sx: {
156
+ p: 1
154
157
  }
155
158
  });
156
159
  }))), /*#__PURE__*/React.createElement(Link, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "umwd-components",
3
- "version": "0.1.78",
3
+ "version": "0.1.80",
4
4
  "description": "UMWD Component library",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",
package/src/components/FleetSection.tsx CHANGED
@@ -82,7 +82,7 @@ export function FleetSection({ data }: { readonly data: FleetSectionProps }) {
82
82
  <Paper
83
83
  sx={{
84
84
  p: 1,
85
- py: "3rem",
85
+ py: "4rem",
86
86
  position: "relative",
87
87
  display: "grid",
88
88
  alignItems: "center",
@@ -121,7 +121,12 @@ export function FleetSection({ data }: { readonly data: FleetSectionProps }) {
121
121
  </Paper>
122
122
  </CardMedia>
123
123
  <CardContent sx={{}}>
124
- <Stack direction="row" spacing={1}>
124
+ <Stack
125
+ direction="row"
126
+ spacing={1}
127
+ flexWrap="wrap"
128
+ useFlexGap={true}
129
+ >
125
130
  <Chip
126
131
  label={`Range: ${airplane.range} km`}
127
132
  variant="filled"
package/src/components/NavBar.js CHANGED
@@ -105,15 +105,7 @@ function NavBar({
105
105
  alignItems: "center",
106
106
  }}
107
107
  >
108
- {/* <Box sx={{ display: "flex", mr: 1 }}>
109
- <img
110
- src={logo.url}
111
- width={logo.width || "32px"}
112
- height={logo.height || "32px"}
113
- alt="site logo"
114
- style={{ maxWidth: "60px", maxHeight: "60px" }}
115
- />
116
- </Box> */}
108
+ {/* TODO: UseStrapiImages */}
117
109
  <Image
118
110
  src={logo.url}
119
111
  width={
@@ -143,6 +135,8 @@ function NavBar({
143
135
 
144
136
  <Box sx={{ display: "block", width: "30px" }}></Box>
145
137
 
138
+ {/* TODO: Having Tabs and Pages is just weird, fix this */}
139
+
146
140
  {/* Large screen menu */}
147
141
  {pages.length > 0 && (
148
142
  <Box
@@ -198,6 +192,7 @@ function NavBar({
198
192
  onClick={() => {
199
193
  router.push(tab.url);
200
194
  }}
195
+ sx={{ p: 1 }}
201
196
  />
202
197
  );
203
198
  })}
package/src/components/Page.js CHANGED
@@ -1,4 +1,4 @@
1
- "use client";
1
+ "use client"; // TODO: maybe this does nto need to be client side
2
2
 
3
3
  import React from "react";
4
4
  import PropTypes from "prop-types";
package/src/stories/Navbar.stories.js CHANGED
@@ -80,14 +80,19 @@ AMH.args = {
80
80
  },
81
81
  tabs: [
82
82
  {
83
- name: "Resources",
83
+ name: "Home",
84
+ link: "/home",
85
+ action: () => console.log("Home"),
86
+ },
87
+ {
88
+ name: "Services",
84
89
  link: "/resources",
85
90
  action: () => console.log("Services"),
86
91
  },
87
92
  {
88
- name: "Shop",
93
+ name: "About Us",
89
94
  link: "/shop",
90
- action: () => console.log("About"),
95
+ action: () => console.log("About Us"),
91
96
  },
92
97
  {
93
98
  name: "Contact",