From 828eac45ff791b49fd2b1695b0518527249cfdd1 Mon Sep 17 00:00:00 2001
From: evlist <vdv@dyomedea.com>
Date: Thu, 8 Sep 2022 23:26:31 +0200
Subject: [PATCH] Renaming the background component as layer.

---
 .../src/components/{background.tsx => layer.tsx}            | 6 +++---
 background-move/src/components/viewport.tsx                 | 6 +++---
 background-move/src/theme/{background.css => layer.css}     | 0
 3 files changed, 6 insertions(+), 6 deletions(-)
 rename background-move/src/components/{background.tsx => layer.tsx} (86%)
 rename background-move/src/theme/{background.css => layer.css} (100%)

diff --git a/background-move/src/components/background.tsx b/background-move/src/components/layer.tsx
similarity index 86%
rename from background-move/src/components/background.tsx
rename to background-move/src/components/layer.tsx
index ba4d597..3febe17 100644
--- a/background-move/src/components/background.tsx
+++ b/background-move/src/components/layer.tsx
@@ -1,8 +1,8 @@
 import react from 'react';
 
-import '../theme/background.css';
+import '../theme/layer.css';
 
-const Background: react.FC<{
+const Layer: react.FC<{
   shift: { x: number; y: number };
   zoom: number;
   children?: JSX.Element;
@@ -28,4 +28,4 @@ const Background: react.FC<{
   );
 };
 
-export default Background;
+export default Layer;
diff --git a/background-move/src/components/viewport.tsx b/background-move/src/components/viewport.tsx
index b3e53f7..59aebc5 100644
--- a/background-move/src/components/viewport.tsx
+++ b/background-move/src/components/viewport.tsx
@@ -2,7 +2,7 @@ import react, { useCallback, useState } from 'react';
 
 import _ from 'lodash';
 
-import Background from './background';
+import Layer from './layer';
 
 import '../theme/viewport.css';
 
@@ -221,9 +221,9 @@ const Viewport: react.FC<{}> = (props: {}) => {
       onTouchEnd={touchEndHandler}
       onTouchCancel={mouseLeaveHandler}
     >
-      <Background shift={shift} zoom={zoom}>
+      <Layer shift={shift} zoom={zoom}>
         <img src='/assets/background.jpg' alt='' />
-      </Background>
+      </Layer>
     </div>
   );
 };
diff --git a/background-move/src/theme/background.css b/background-move/src/theme/layer.css
similarity index 100%
rename from background-move/src/theme/background.css
rename to background-move/src/theme/layer.css