From 497913302f36a5f38bad607d226dda1ac1eb28cd Mon Sep 17 00:00:00 2001
From: WaDadidou <wadadidou@gmail.com>
Date: Mon, 30 Dec 2024 23:19:48 -0500
Subject: [PATCH] chore: Remove StyleSheet.create usage

---
 .../navigation/components/SideNotch.tsx       | 29 +++++++++----------
 1 file changed, 14 insertions(+), 15 deletions(-)

diff --git a/packages/components/navigation/components/SideNotch.tsx b/packages/components/navigation/components/SideNotch.tsx
index c7c87226f9..2baba0f453 100644
--- a/packages/components/navigation/components/SideNotch.tsx
+++ b/packages/components/navigation/components/SideNotch.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { StyleSheet, View, ViewStyle } from "react-native";
+import { View, ViewStyle } from "react-native";
 
 import SideNotchSVG from "../../../../assets/sidebar/side-notch.svg";
 import { SVG } from "../../SVG";
@@ -11,7 +11,19 @@ export const SideNotch: React.FC<{
   style?: ViewStyle;
 }> = ({ sidebarItemId, style }) => {
   return (
-    <View style={[styles.container, style]}>
+    <View
+      style={[
+        {
+          position: "absolute",
+          flex: 1,
+          flexDirection: "row",
+          left: 0,
+          top: 0,
+          bottom: 0,
+        },
+        style,
+      ]}
+    >
       <SVG
         source={SideNotchSVG}
         color={sidebarItemId === "rakki" ? rakkiYellow : primaryColor}
@@ -19,16 +31,3 @@ export const SideNotch: React.FC<{
     </View>
   );
 };
-
-// FIXME: remove StyleSheet.create
-// eslint-disable-next-line no-restricted-syntax
-const styles = StyleSheet.create({
-  container: {
-    position: "absolute",
-    flex: 1,
-    flexDirection: "row",
-    left: 0,
-    top: 0,
-    bottom: 0,
-  },
-});