Sy 1209 update logos (#820)

* feat(media): Add name resources
* docs: update file paths for icons

README.md

@@ -1,7 +1,7 @@
 <br />
 <p align="center">
     <a href="https://synnaxlabs.com/">
-        <img src="x/media/static/logo/icon-white-on-black.png" width="20%"/>
+        <img src="x/media/static/logo/icon-white-padded.png" width="20%"/>
     </a>
     <br />
     <br />

aspen/README.md

@@ -1,7 +1,7 @@
 <br />
 <p align="center">
     <a href="https://synnaxlabs.com/">
-        <img src="../x/media/static/logo/icon-white-on-black.png" width="20%"/>
+        <img src="../x/media/static/logo/icon-white-padded.png" width="20%"/>
     </a>
     <br />
     <br />
@@ -31,30 +31,29 @@ synchronizing changes when it rejoins the cluster.
 
 # Stability and Important Considerations
 
-* Aspen is in active development and is not yet ready for production use. The key-value
-API is stable, but the cluster API will likely change.
+- Aspen is in active development and is not yet ready for production use. The key-value
+  API is stable, but the cluster API will likely change.
 
-* Aspen maintains an entire copy of the key-value store on each node in the cluster. This
-results in excellent read performance, but also means total storage requirements scale
-linearly with cluster size.
+- Aspen maintains an entire copy of the key-value store on each node in the cluster. This
+  results in excellent read performance, but also means total storage requirements scale
+  linearly with cluster size.
 
-* Aspen is eventually consistent, meaning that reads may be stale for some period of time.
+- Aspen is eventually consistent, meaning that reads may be stale for some period of time.
 
-* The gossip protocol lacks three essential features: failure detection, failure recovery,
-and efficient propagation guarantees. These are features that are currently in active
-development.
+- The gossip protocol lacks three essential features: failure detection, failure recovery,
+  and efficient propagation guarantees. These are features that are currently in active
+  development.
 
-* While multi-node writes batched writes are supported, they are not yet transactional.
-Single node batch writes are transactional (if the underlying key-value store supports
-them).
+- While multi-node writes batched writes are supported, they are not yet transactional.
+  Single node batch writes are transactional (if the underlying key-value store supports
+  them).
 
 ## Installation
 
 ```
 go get github.com/synnaxlabs/aspen
 ```
 
-
 ## Usage
 
 ```go

client/py/README.md

@@ -1,6 +1,6 @@
 <p align="center">
     <a href="https://synnaxlabs.com/">
-        <img src="../../x/media/static/logo/title-white-on-black.svg" width="65%"/>
+        <img src="../../x/media/static/logo/icon-white-padded.png" width="20%"/>
     </a>
 </p>
 

client/ts/README.md

@@ -1,5 +1,5 @@
 <a href="https://synnaxlabs.com/" style="display: block; text-align: center;">
-    <img src="../../x/media/static/logo/icon-white-on-black.png" width="20%"/>
+    <img src="../../x/media/static/logo/icon-white-padded.png" width="20%"/>
 </a>
 
 # Synnax TypeScript Client Library

console/README.md

@@ -1,6 +1,6 @@
 <p align="center">
 <a href="https://docs.synnaxlabs.com/reference/console/get-started">
-<img src="../x/media/static/logo/icon-white-on-black.png" width="20%"/>
+<img src="../x/media/static/logo/icon-white-padded.png" width="20%"/>
 </a>
 </p>
 

pluto/README.md

@@ -1,6 +1,6 @@
 <p align="center">
 <a href="https://synnaxlabs.com/">
-        <img src="../x/media/static/logo/icon-white-on-black.png" width="20%"/>
+        <img src="../x/media/static/logo/icon-white-padded.png" width="20%"/>
 </a>
 </p>
 

synnax/README.md

@@ -1,6 +1,6 @@
 <p align="center">
 <a href="https://synnaxlabs.com/">
-        <img src="../x/media/static/logo/icon-white-on-black.png" width="20%"/>
+        <img src="../x/media/static/logo/icon-white-padded.png" width="20%"/>
 </a>
 </p>
 

x/media/eslint.config.js

@@ -9,4 +9,4 @@
 
 import synnaxConfig from "eslint-config-synnaxlabs";
 
-export default synnaxConfig
+export default synnaxConfig;

x/media/src/Logo/Logo.tsx

@@ -141,7 +141,12 @@ export const Logo = ({
   const Internal = VARIANTS[variant];
   return (
     <Internal
-      className={clsx('synnax-logo',`synnax-logo--${color}`, `synnax-logo--${variant}`, className)}
+      className={clsx(
+        "synnax-logo",
+        `synnax-logo--${color}`,
+        `synnax-logo--${variant}`,
+        className,
+      )}
       {...props}
     />
   );

x/media/src/Logo/LogoWatermark.tsx

@@ -14,8 +14,7 @@ import { ReactElement } from "react";
 import { Logo, LogoProps } from "@/Logo/Logo";
 
 /**
- * LogoWatermark displays the Synnax logo as a watermark in the center of the
- * screen.
+ * LogoWatermark displays the Synnax logo as a watermark in the center of the screen.
  *
  * @param props - The same props as Logo.
  */

x/media/src/index.ts

@@ -7,5 +7,5 @@
 // License, use of this software will be governed by the Apache License, Version 2.0,
 // included in the file licenses/APL.txt.
 
-export { Icon, type IconProps} from "@/Icon";
+export { Icon, type IconProps } from "@/Icon";
 export * from "@/Logo";