added small hero preset

src/components/flow/FlowHero/index.tsx

@@ -103,12 +103,14 @@ const FlowHeroUnconnected: FC<IProps> = ({ heroes, history }) => {
             [styles.is_visible]: loaded.includes(hero.id),
             [styles.is_active]: current === hero.id,
           })}
-          style={{ backgroundImage: `url("${getURL({ url: hero.thumbnail }, PRESETS.hero)}")` }}
+          style={{
+            backgroundImage: `url("${getURL({ url: hero.thumbnail }, PRESETS.small_hero)}")`,
+          }}
           key={hero.id}
           onClick={onClick}
         >
           <img
-            src={getURL({ url: hero.thumbnail }, PRESETS.hero)}
+            src={getURL({ url: hero.thumbnail }, PRESETS.small_hero)}
             alt={hero.thumbnail}
             onLoad={onLoad(hero.id)}
           />

src/components/node/NodeAudioImageBlock/index.tsx

@@ -20,7 +20,7 @@ const NodeAudioImageBlock: FC<IProps> = ({ node }) => {
     <div className={styles.wrap}>
       <div
         className={styles.slide}
-        style={{ backgroundImage: `url("${getURL(path([0], images), PRESETS.hero)}")` }}
+        style={{ backgroundImage: `url("${getURL(path([0], images), PRESETS.small_hero)}")` }}
       />
     </div>
   );

src/constants/urls.ts

@@ -1,29 +1,30 @@
 export const URLS = {
-  BASE: "/",
-  BORIS: "/boris",
+  BASE: '/',
+  BORIS: '/boris',
   AUTH: {
-    LOGIN: "/auth/login"
+    LOGIN: '/auth/login',
   },
   EXAMPLES: {
-    EDITOR: "/examples/edit",
-    IMAGE: "/examples/image"
+    EDITOR: '/examples/edit',
+    IMAGE: '/examples/image',
   },
   ERRORS: {
-    NOT_FOUND: "/lost",
-    BACKEND_DOWN: "/oopsie"
+    NOT_FOUND: '/lost',
+    BACKEND_DOWN: '/oopsie',
   },
   NODE_URL: (id: number | string) => `/post${id}`,
-  PROFILE: (username: string) => `/~${username}`
+  PROFILE: (username: string) => `/~${username}`,
 };
 
 export const PRESETS = {
-  "1600": "1600",
-  "900": "900",
-  "600": "600",
-  "300": "300",
-  "100": "100",
-  placeholder: "placeholder",
-  cover: "cover",
-  hero: "hero",
-  avatar: "avatar"
+  '1600': '1600',
+  '900': '900',
+  '600': '600',
+  '300': '300',
+  '100': '100',
+  placeholder: 'placeholder',
+  cover: 'cover',
+  hero: 'hero',
+  small_hero: 'small_hero',
+  avatar: 'avatar',
 };