ui: fix or logo in header

frontend/app/components/ui/Icons/index.ts

@@ -367,6 +367,7 @@ export { default as Link_45deg } from './link_45deg';
 export { default as List_alt } from './list_alt';
 export { default as List_ul } from './list_ul';
 export { default as List } from './list';
+export { default as Logo_small } from './logo_small';
 export { default as Low_disc_space } from './low_disc_space';
 export { default as Magic } from './magic';
 export { default as Map_marker_alt } from './map_marker_alt';

frontend/app/components/ui/Icons/logo_small.tsx

@@ -0,0 +1,18 @@
+/* Auto-generated, do not edit */
+import React from 'react';
+
+interface Props {
+  size?: number | string;
+  width?: number | string;
+  height?: number | string;
+  fill?: string;
+}
+
+function Logo_small(props: Props) {
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 52 59" width={ `${ width }px` } height={ `${ height }px` } ><g fill="none"><path d="M44.229 29.5 6.5 7.42v44.16L44.23 29.5Zm5.148-4.564A5.268 5.268 0 0 1 52 29.5c0 1.886-1 3.627-2.623 4.564L8.015 58.275C4.635 60.255 0 57.993 0 53.711V5.29C0 1.007 4.635-1.256 8.015.725l41.362 24.21Z" fill="#394EFF"/><path d="m29.416 28.457-14.623-8.312A1.2 1.2 0 0 0 13 21.19v16.623a1.2 1.2 0 0 0 1.793 1.043l14.623-8.312a1.2 1.2 0 0 0 0-2.086Z" fill="#27A2A8"/></g></svg>
+  );
+}
+
+export default Logo_small;

frontend/app/layout/Logo.tsx

@@ -1,9 +1,8 @@
 import React from 'react';
 import { sessions, withSiteId } from 'App/routes';
-import AnimatedSVG from 'Shared/AnimatedSVG';
-import { ICONS } from 'Shared/AnimatedSVG/AnimatedSVG';
 import { NavLink } from 'react-router-dom';
 import { Button } from 'antd';
+import { Icon } from 'UI';
 
 const SESSIONS_PATH = sessions();
 
@@ -17,8 +16,9 @@ function Logo(props: Props) {
       to={withSiteId(SESSIONS_PATH, props.siteId)}
       className="flex items-center"
     >
-      <Button type="link" className="p-0">
-        <AnimatedSVG name={ICONS.LOGO_FULL} size="120" />
+      <Button type="link" className="p-0 flex items-center gap-2">
+        <Icon name="logo-small" size={24} />
+        <div className="text-black text-xl">Open Replay</div>
       </Button>
     </NavLink>
   );

frontend/app/svg/icons/logo-small.svg

@@ -0,0 +1,11 @@
+<svg viewBox="0 0 52 59" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>Group</title>
+    <g id="logos" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="1" transform="translate(-107.000000, -142.000000)" fill-rule="nonzero">
+            <g id="Group" transform="translate(107.000000, 142.000000)">
+                <path d="M44.2286654,29.5 L6.50039175,7.42000842 L6.50039175,51.5799916 L44.2286654,29.5 Z M49.3769757,24.9357962 C50.9991976,25.8727671 52,27.6142173 52,29.5 C52,31.3857827 50.9991976,33.1272329 49.3769757,34.0642038 L8.01498302,58.2754687 C4.63477932,60.2559134 0,57.9934848 0,53.7112649 L0,5.2887351 C0,1.00651517 4.63477932,-1.25591343 8.01498302,0.724531317 L49.3769757,24.9357962 Z" id="outline" fill="#394EFF"></path>
+                <path d="M29.4155818,28.4568548 L14.7929806,20.1454193 C14.2168086,19.8179252 13.4842425,20.0195184 13.1567483,20.5956904 C13.0540138,20.7764349 13,20.9807697 13,21.188671 L13,37.8115419 C13,38.4742836 13.5372583,39.0115419 14.2,39.0115419 C14.4079013,39.0115419 14.6122361,38.9575281 14.7929806,38.8547936 L29.4155818,30.5433581 C29.9917538,30.215864 30.193347,29.4832978 29.8658528,28.9071259 C29.7590506,28.7192249 29.6034827,28.563657 29.4155818,28.4568548 Z" id="inner-play" fill="#27A2A8"></path>
+            </g>
+        </g>
+    </g>
+</svg>