Added min width/height to image thumbnail icon | set getImage height … (

#3199)
zesty-io · Feb 18, 2025 · 90751d7 · 90751d7
1 parent 3d6583c
commit 90751d7
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/src/apps/content-editor/src/app/views/ItemList/DialogContentItem.tsx b/src/apps/content-editor/src/app/views/ItemList/DialogContentItem.tsx
@@ -79,6 +79,8 @@ export const DialogContentItem = ({ item }: DialogContentItemProps) => {
               backgroundColor: "grey.100",
               width: 40,
               height: 40,
+              minWidth: 40,
+              minHeight: 40,
               alignItems: "center",
               justifyContent: "center",
               overflow: "hidden",

diff --git a/src/apps/content-editor/src/app/views/ItemList/index.tsx b/src/apps/content-editor/src/app/views/ItemList/index.tsx
@@ -266,7 +266,7 @@ export const ItemList = () => {
                   CONFIG.SERVICE_MEDIA_RESOLVER
                 }/resolve/${
                   value?.split(",")[0]
-                }/getimage/?w=${68}&h=${58}&type=fit`
+                }/getimage/?w=${68}&h=auto&type=fit`
               : value?.split(",")?.[0];
             break;
           case "internal_link":

diff --git a/src/apps/schema/src/app/components/AddFieldModal/views/FieldSelection.tsx b/src/apps/schema/src/app/components/AddFieldModal/views/FieldSelection.tsx
@@ -1,4 +1,4 @@
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import {
   DialogContent,
   DialogTitle,
@@ -23,6 +23,12 @@ interface Props {
   onFieldClick: (fieldType: string, fieldName: string) => void;
   onModalClose: () => void;
 }
+
+const FIELD_CATEGORIES: Record<string, string> = {
+  dateandtime: "Date & Time",
+  options: "Advanced",
+};
+
 export const FieldSelection = ({ onFieldClick, onModalClose }: Props) => {
   const user: User = useSelector((state: AppState) => state.user);
   const [fieldTypes, setFieldTypes] = useState(FIELD_COPY_CONFIG);
@@ -137,7 +143,7 @@ export const FieldSelection = ({ onFieldClick, onModalClose }: Props) => {
               mb={1.5}
               color="text.secondary"
             >
-              {fieldKey === "dateandtime" ? "Date & Time" : fieldKey}
+              {FIELD_CATEGORIES?.[fieldKey] || fieldKey}
             </Typography>
             <Box
               display="grid"