Revert "Add a magnifying glass example (#2419)" (#2483)

This reverts commit 391fb9a.

Author: wcandillon

example/src/App.tsx

@@ -14,7 +14,6 @@ import {
   Aurora,
   Breathe,
   Filters,
-  MagnifyingGlass,
   Gooey,
   GraphsScreen,
   Hue,
@@ -45,7 +44,6 @@ const linking: LinkingOptions<StackParamList> = {
       API: "api",
       Breathe: "breathe",
       Filters: "filters",
-      MagnifyingGlass: "magnifying-glass",
       Gooey: "gooey",
       Hue: "hue",
       Matrix: "matrix",
@@ -129,7 +127,6 @@ const App = () => {
             <Stack.Screen name="API" component={API} />
             <Stack.Screen name="Breathe" component={Breathe} />
             <Stack.Screen name="Filters" component={Filters} />
-            <Stack.Screen name="MagnifyingGlass" component={MagnifyingGlass} />
             <Stack.Screen name="Gooey" component={Gooey} />
             <Stack.Screen name="Hue" component={Hue} />
             <Stack.Screen

example/src/Examples/Examples.test.tsx

@@ -16,7 +16,6 @@ import { Matrix } from "./Matrix";
 import { Hue } from "./Hue";
 import { Glassmorphism } from "./Glassmorphism";
 import { Filters } from "./Filters";
-import { MagnifyingGlass } from "./MagnifyingGlass";
 
 it("should render the Breathe example correctly", () => {
   render(<Breathe />);
@@ -70,8 +69,4 @@ it("should render the Filter example correctly", () => {
   render(<Filters />);
 });
 
-it("should render the MagnifyingGlass example correctly", () => {
-  render(<MagnifyingGlass />);
-});
-
 afterEach(cleanup);

example/src/Examples/MagnifyingGlass/MagnifyingGlass.tsx

@@ -14,7 +14,6 @@ interface Props {
   onValueChange: (value: number) => void;
   minValue: number;
   maxValue: number;
-  initialValue?: number;
 }
 
 const size = 32;
@@ -28,21 +27,14 @@ export const Slider: React.FC<Props> = ({
   onValueChange,
   minValue,
   maxValue,
-  initialValue = minValue,
 }) => {
   const { width } = useWindowDimensions();
 
   const sliderWidth = width / 2;
   const pickerR = size / 2;
   const progressBarHeight = 3;
 
-  const initialTranslateX = interpolate(
-    initialValue,
-    [minValue, maxValue],
-    [-pickerR, sliderWidth - pickerR]
-  );
-
-  const translateX = useSharedValue(initialTranslateX);
+  const translateX = useSharedValue(-pickerR);
   const contextX = useSharedValue(0);
   const scale = useSharedValue(1);
 

example/src/Examples/MagnifyingGlass/index.tsx

@@ -2,7 +2,6 @@ export * from "./Reanimated";
 export * from "./API";
 export * from "./Breathe";
 export * from "./Filters";
-export * from "./MagnifyingGlass";
 export * from "./Gooey";
 export * from "./Matrix";
 export * from "./Graphs";

example/src/Examples/SpeedTest/Slider.tsx

@@ -27,11 +27,6 @@ export const HomeScreen = () => {
         description="Simple Image Filters"
         route="Filters"
       />
-      <HomeScreenButton
-        title="🔍 Magnifying Glass"
-        description="Magnifying glass filter"
-        route="MagnifyingGlass"
-      />
       <HomeScreenButton
         title="🟣 Gooey Effect"
         description="Simple Gooey effect"

example/src/Examples/index.ts

@@ -8,7 +8,6 @@ export type StackParamList = {
   API: undefined;
   Breathe: undefined;
   Filters: undefined;
-  MagnifyingGlass: undefined;
   Gooey: undefined;
   Hue: undefined;
   Matrix: undefined;