Merge pull request #26 from codex-storage/releases/0.0.2

Releases/0.0.2

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@codex-storage/marketplace-ui",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@codex-storage/marketplace-ui",
-      "version": "0.0.1",
+      "version": "0.0.2",
       "license": "MIT",
       "dependencies": {
         "@codex-storage/marketplace-ui-components": "0.0.9",

package.json

@@ -5,7 +5,7 @@
     "type": "git",
     "url": "https://github.com/codex-storage/codex-marketplace-ui"
   },
-  "version": "0.0.1",
+  "version": "0.0.2",
   "type": "module",
   "scripts": {
     "dev": "vite",

src/components/Availability/AvailabilityActionsCell.tsx

@@ -1,4 +1,4 @@
-import { Grid2x2Check } from "lucide-react";
+import { StretchHorizontal } from "lucide-react";
 import "./AvailabilityActionsCell.css";
 import { CodexAvailability } from "@codex-storage/sdk-js/async";
 
@@ -44,7 +44,7 @@ export function AvailabilityActionsCell({
         className="cell--action availability-action"
         title="Reservations"
         onClick={onReservationsClick}>
-        <Grid2x2Check width={"1.25rem"} />
+        <StretchHorizontal width={"1.25rem"} />
       </a>
     </div>
   );

src/components/Availability/AvailabilityConfirmation.tsx

@@ -28,13 +28,11 @@ export function AvailabilityConfirm({
         </div>
 
         <div>
-          <b className="availabilitConfirm-subtitle">
+          <b className="availabilitConfirm-subtitle">Confirm your new sale</b>
-            Confirm your new availability
-          </b>
 
           <p className="availabilitConfirm-message">
-            By clicking 'Next', you will establish a new availability based on
+            By clicking 'Next', you will establish a new sale based on the space
-            the space allocation specified above. Do you want to confirm ?
+            allocation specified above. Do you want to confirm ?
           </p>
         </div>
       </div>

src/components/Availability/AvailabilityCreate.tsx

@@ -33,7 +33,7 @@ const defaultAvailabilityData: AvailabilityState = {
 };
 
 export function AvailabilityCreate({ space }: Props) {
-  const steps = useRef(["Availability", "Confirmation", "Success"]);
+  const steps = useRef(["Sale", "Confirmation", "Success"]);
   const [availability, setAvailability] = useState<AvailabilityState>(
     defaultAvailabilityData
   );
@@ -126,12 +126,7 @@ export function AvailabilityCreate({ space }: Props) {
 
   return (
     <>
-      <Button
+      <Button label="Sale" Icon={Plus} onClick={onOpen} variant="primary" />
-        label="Availability"
-        Icon={Plus}
-        onClick={onOpen}
-        variant="primary"
-      />
 
       <Modal open={state.open} onClose={onClose} displayCloseButton={false}>
         <Stepper

src/components/Availability/AvailabilityForm.tsx

@@ -62,7 +62,7 @@ export function AvailabilityForm({
   const isValid = isAvailabilityValid(availability, max);
 
   const helper = isValid
-    ? "Total size of availability's storage in bytes"
+    ? "Total size of sale's storage in bytes"
     : "The total size cannot exceed the space available.";
 
   return (

src/components/Availability/AvailabilitySuccess.tsx

@@ -16,6 +16,6 @@ export function AvailabilitySuccess({ dispatch }: AvailabilityComponentProps) {
     <Placeholder
       Icon={<SuccessIcon />}
       title="Success"
-      message="The new availability will appear in your availability list. You can safely close this dialog."></Placeholder>
+      message="The new sale will appear in your sale list. You can safely close this dialog."></Placeholder>
   );
 }

src/components/StorageRequestSetup/useStorageRequestMutation.ts

@@ -23,7 +23,7 @@ export function useStorageRequestMutation(
         .createStorageRequest(input)
         .then((s) => Promises.rejectOnError(s)),
     onSuccess: async () => {
-      queryClient.invalidateQueries({ queryKey: ["mutationKey"] });
+      queryClient.invalidateQueries({ queryKey: ["purchases"] });
 
       //   if (!requestId.startsWith("0x")) {
       //     requestId = "0x" + requestId;

src/routes/dashboard.tsx

@@ -63,7 +63,7 @@ const Layout = () => {
       Component: (p: MenuItemComponentProps) => (
         <Link to="/dashboard/availabilities" {...p}>
           <Server size={ICON_SIZE} />
-          Availabilities
+          Sales
         </Link>
       ),
     },