Add memes views & searching

Signed-off-by: Nikolaos Karaolidis <nick@karaolidis.com>

src/utilities/dimensions.ts

@@ -0,0 +1,9 @@
+const getFlashListItemHeight = (numColumns: number) => {
+  const A = 500;
+  const B = 300;
+  const C = 1;
+  const height = A - B * Math.log(numColumns + C);
+  return Math.max(Math.round(height), 0);
+};
+
+export { getFlashListItemHeight };

src/utilities/icon.ts

@@ -50,6 +50,9 @@ const getViewIcon = (view: VIEW) => {
     case VIEW.MASONRY: {
       return 'view-dashboard';
     }
+    case VIEW.GRID: {
+      return 'view-grid';
+    }
     case VIEW.LIST: {
       return 'view-list';
     }

src/utilities/index.ts

@@ -7,6 +7,7 @@ export {
 } from './color';
 export { packageName, appName, fileProvider, noOp } from './constants';
 export { multipleIdQuery } from './database';
+export { getFlashListItemHeight } from './dimensions';
 export {
   allowedImageMimeTypes,
   allowedGifMimeTypes,
@@ -18,7 +19,6 @@ export { getSortIcon, getViewIcon } from './icon';
 export {
   type StringValidationResult,
   validateMemeTitle,
-  validateMemeDescription,
   validateTagName,
   validateColor,
 } from './validation';

src/utilities/validation.ts

@@ -26,18 +26,6 @@ const validateMemeTitle = (title: string): StringValidationResult => {
   };
 };
 
-const validateMemeDescription = (
-  description: string,
-): StringValidationResult => {
-  const parsedDescription = description.trim();
-
-  return {
-    valid: true,
-    raw: description,
-    parsed: parsedDescription,
-  };
-};
-
 const validateTagName = (name: string): StringValidationResult => {
   const parsedName = name.trim();
 
@@ -79,7 +67,6 @@ const validateColor = (color: string): StringValidationResult => {
 export {
   type StringValidationResult,
   validateMemeTitle,
-  validateMemeDescription,
   validateTagName,
   validateColor,
 };