feat: signing templates (continued)

.env.example

@@ -13,6 +13,7 @@ SUPABASE_ANON_PUBLIC="{ANON_PUBLIC}"
 SUPABASE_SERVICE_ROLE="{SERVICE_ROLE}"
 SUPABASE_URL="https://{YOUR_INSTANCE_NAME}.supabase.co"
 SERVER_URL="http://localhost:3000"
+APP_NAME="Shelf"
 
 
 # Set this to false to disable requirement of subscription for premium features. This will make premium features available for all users
@@ -36,6 +37,6 @@ INVITE_TOKEN_SECRET="secret-test-invite"
 GEOCODE_API_KEY="geocode-api-key"
 
 # Used for Sentry error logging
-SENTRY_DSN="sentry-dsn"
 SENTRY_ORG="sentry-org"
-SENTRY_PROJECT="sentry-project"
+SENTRY_PROJECT="sentry-project"
+SENTRY_DSN="sentry-dsn"

README.md

@@ -1,7 +1,7 @@
 # Shelf.nu
 
 <a href="https://www.shelf.nu/" target="_blank">
-<img width="100%" src="https://cdn.discordapp.com/attachments/1143882281069592658/1143949082017153044/Frame_102.jpg" />
+<img width="100%" src="./public/static/images/readme-cover.jpg" />
 </a>
 <h4 align="center">
 ✨ Open Source Asset Management Infrastructure for everyone. ✨
@@ -48,4 +48,4 @@ With Shelf, you can take a picture of any item you own and store it in your own
 
 ### Looking for contributing in Shelf?
 
-- check out our [contributing guidelines](https://github.com/hrutik7/shelf.nu/blob/docs_improvement/docs/get-started.md)
+- check out our [contributing guidelines](./CONTRIBUTING.md)

app/atoms/file.ts

@@ -6,7 +6,7 @@ export const fileErrorAtom = atom<string | undefined>(undefined);
 fileErrorAtom.onMount = (setAtom) => {
   setAtom("");
 };
-export const MAX_SIZE = 4_000_000; // 4MB
+export const MAX_SIZE = 8_000_000; // 4MB
 
 /** Validates the file atom */
 export const validateFileAtom = atom(

app/atoms/selected-assets-atoms.ts

@@ -0,0 +1,7 @@
+import { atom } from "jotai";
+
+/** Track selected assets for adding assets to booking */
+export const bookingsSelectedAssetsAtom = atom<string[]>([]);
+
+/** Track selected assets for adding assets to location */
+export const locationsSelectedAssetsAtom = atom<string[]>([]);

app/components/assets/actions-dropdown.tsx

@@ -1,4 +1,4 @@
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import { useLoaderData, useSearchParams } from "@remix-run/react";
 import { useHydrated } from "remix-utils/use-hydrated";
 import {
@@ -28,16 +28,37 @@ const ConditionalActionsDropdown = () => {
   const refIsQrScan = searchParams.get("ref") === "qr";
   const defaultOpen = window.innerWidth <= 640 && refIsQrScan;
   const [open, setOpen] = useState(defaultOpen);
+  const [defaultApplied, setDefaultApplied] = useState(false);
   const assetIsCheckedOut = asset.status === "CHECKED_OUT";
 
+  useEffect(() => {
+    if (defaultOpen && !defaultApplied) {
+      setOpen(true);
+      setDefaultApplied(true);
+    }
+  }, [defaultOpen, defaultApplied]);
+
   return (
     <>
+      {open && (
+        <div
+          className={tw(
+            "fixed right-0 top-0 z-10 h-screen w-screen cursor-pointer bg-gray-700/50  transition duration-300 ease-in-out md:hidden"
+          )}
+        />
+      )}
       <DropdownMenu
         modal={false}
-        onOpenChange={(open) => setOpen(open)}
+        onOpenChange={(open) => {
+          if (defaultApplied && window.innerWidth <= 640) setOpen(open);
+        }}
         open={open}
+        defaultOpen={defaultOpen}
       >
-        <DropdownMenuTrigger className="asset-actions hidden sm:flex">
+        <DropdownMenuTrigger
+          className="asset-actions hidden sm:flex"
+          onClick={() => setOpen(!open)}
+        >
           <Button variant="secondary" data-test-id="assetActionsButton">
             <span className="flex items-center gap-2">
               Actions <ChevronRight className="chev" />
@@ -185,14 +206,6 @@ const ConditionalActionsDropdown = () => {
           </div>
         </DropdownMenuContent>
       </DropdownMenu>
-
-      {/* overlay on mobile */}
-      <div
-        className={tw(
-          "size-screen fixed right-0 top-0 z-50 cursor-pointer bg-[#344054]/50 transition duration-300 ease-in-out md:hidden",
-          open ? "visible" : "invisible opacity-0"
-        )}
-      ></div>
     </>
   );
 };

app/components/assets/asset-image.tsx

@@ -24,7 +24,7 @@ export const AssetImage = ({
   const url =
     mainImage ||
     fetcher?.data?.asset?.mainImage ||
-    "/images/asset-placeholder.jpg";
+    "/static/images/asset-placeholder.jpg";
 
   useEffect(() => {
     if (mainImage && mainImageExpiration) {

app/components/assets/custom-fields-inputs.tsx

@@ -23,7 +23,7 @@ import {
   SelectValue,
   SelectItem,
 } from "../forms";
-import { Calendar } from "../forms/calender-input";
+import { Calendar } from "../forms/calendar-input";
 import FormRow from "../forms/form-row";
 import Input from "../forms/input";
 import { Switch } from "../forms/switch";
@@ -151,8 +151,8 @@ export default function AssetCustomFields({
               align="start"
             >
               <div className=" max-h-[320px] overflow-auto">
-                {field.options.map((value) => (
-                  <SelectItem value={value} key={value}>
+                {field.options.map((value, index) => (
+                  <SelectItem value={value} key={value + index}>
                     <span className="mr-4 text-[14px] text-gray-700">
                       {value.toLowerCase()}
                     </span>
@@ -178,14 +178,14 @@ export default function AssetCustomFields({
         </Link>
       </div>
       {customFields.length > 0 ? (
-        customFields.map((field) => {
+        customFields.map((field, index) => {
           const value = customFieldsValues?.find(
             (cfv) => cfv.customFieldId === field.id
           )?.value;
           const displayVal = value ? getCustomFieldDisplayValue(value) : "";
           return (
             <FormRow
-              key={field.id}
+              key={field.id + index}
               rowLabel={field.name}
               subHeading={field.helpText ? <p>{field.helpText}</p> : undefined}
               className="border-b-0"