From dadaca6eab4e47bfacdff0e2fb12c6ec03dd22e3 Mon Sep 17 00:00:00 2001
From: Aminejv <elouartinra@hotmail.com>
Date: Wed, 14 Jul 2021 11:14:33 +0100
Subject: [PATCH] feat(ObjectPreview): fix typo premitive-> primitive

---
 components/core/ObjectPreview/3dObjectPreview.js            | 6 +++---
 components/core/ObjectPreview/AudioObjectPreview.js         | 6 +++---
 components/core/ObjectPreview/CodeObjectPreview.js          | 6 +++---
 components/core/ObjectPreview/DefaultObjectPreview.js       | 6 +++---
 components/core/ObjectPreview/EpubObjectPreview.js          | 6 +++---
 components/core/ObjectPreview/FontObjectPreview.js          | 6 +++---
 components/core/ObjectPreview/ImageObjectPreview.js         | 6 +++---
 components/core/ObjectPreview/KeynoteObjectPreview.js       | 6 +++---
 ...{ObjectPreviewPremitive.js => ObjectPreviewPrimitive.js} | 0
 components/core/ObjectPreview/PdfObjectPreview.js           | 6 +++---
 components/core/ObjectPreview/TextObjectPreview.js          | 6 +++---
 components/core/ObjectPreview/VideoObjectPreview.js         | 6 +++---
 components/core/ObjectPreview/placeholders/index.js         | 4 ++--
 13 files changed, 35 insertions(+), 35 deletions(-)
 rename components/core/ObjectPreview/{ObjectPreviewPremitive.js => ObjectPreviewPrimitive.js} (100%)

diff --git a/components/core/ObjectPreview/3dObjectPreview.js b/components/core/ObjectPreview/3dObjectPreview.js
index 675c2709..9fca4233 100644
--- a/components/core/ObjectPreview/3dObjectPreview.js
+++ b/components/core/ObjectPreview/3dObjectPreview.js
@@ -6,7 +6,7 @@ import * as Styles from "~/common/styles";
 import { P3 } from "~/components/system";
 import { css } from "@emotion/react";
 
-import ObjectPreviewPremitive from "./ObjectPreviewPremitive";
+import ObjectPreviewPrimitive from "./ObjectPreviewPrimitive";
 import ObjectPlaceholder from "./placeholders/3D";
 
 const STYLES_CONTAINER = css`
@@ -26,13 +26,13 @@ const STYLES_TAG = (theme) => css`
 
 export default function Object3DPreview(props) {
   return (
-    <ObjectPreviewPremitive {...props}>
+    <ObjectPreviewPrimitive {...props}>
       <div css={[Styles.CONTAINER_CENTERED, STYLES_CONTAINER]}>
         <ObjectPlaceholder />
         <div css={STYLES_TAG}>
           <P3>3D</P3>
         </div>
       </div>
-    </ObjectPreviewPremitive>
+    </ObjectPreviewPrimitive>
   );
 }
diff --git a/components/core/ObjectPreview/AudioObjectPreview.js b/components/core/ObjectPreview/AudioObjectPreview.js
index b31fe52f..55ce809d 100644
--- a/components/core/ObjectPreview/AudioObjectPreview.js
+++ b/components/core/ObjectPreview/AudioObjectPreview.js
@@ -8,7 +8,7 @@ import { P3 } from "~/components/system";
 
 import { css } from "@emotion/react";
 
-import ObjectPreviewPremitive from "./ObjectPreviewPremitive";
+import ObjectPreviewPrimitive from "./ObjectPreviewPrimitive";
 import AudioPlaceholder from "./placeholders/Audio";
 
 const STYLES_CONTAINER = css`
@@ -29,13 +29,13 @@ const STYLES_TAG = (theme) => css`
 export default function AudioObjectPreview({ file, ...props }) {
   const tag = Utilities.getFileExtension(file.filename) || "audio";
   return (
-    <ObjectPreviewPremitive file={file} {...props}>
+    <ObjectPreviewPrimitive file={file} {...props}>
       <div css={[Styles.CONTAINER_CENTERED, STYLES_CONTAINER]}>
         <AudioPlaceholder />
         <div css={STYLES_TAG}>
           <P3>{tag}</P3>
         </div>
       </div>
-    </ObjectPreviewPremitive>
+    </ObjectPreviewPrimitive>
   );
 }
diff --git a/components/core/ObjectPreview/CodeObjectPreview.js b/components/core/ObjectPreview/CodeObjectPreview.js
index ff18fc27..fa6b421b 100644
--- a/components/core/ObjectPreview/CodeObjectPreview.js
+++ b/components/core/ObjectPreview/CodeObjectPreview.js
@@ -7,7 +7,7 @@ import * as Utilities from "~/common/utilities";
 import { P3 } from "~/components/system";
 import { css } from "@emotion/react";
 
-import ObjectPreviewPremitive from "./ObjectPreviewPremitive";
+import ObjectPreviewPrimitive from "./ObjectPreviewPrimitive";
 import CodePlaceholder from "./placeholders/Code";
 
 const STYLES_CONTAINER = css`
@@ -28,13 +28,13 @@ const STYLES_TAG = (theme) => css`
 export default function CodeObjectPreview({ file, ...props }) {
   const tag = Utilities.getFileExtension(file.filename) || "code";
   return (
-    <ObjectPreviewPremitive file={file} {...props}>
+    <ObjectPreviewPrimitive file={file} {...props}>
       <div css={[Styles.CONTAINER_CENTERED, STYLES_CONTAINER]}>
         <CodePlaceholder />
         <div css={STYLES_TAG}>
           <P3>{tag}</P3>
         </div>
       </div>
-    </ObjectPreviewPremitive>
+    </ObjectPreviewPrimitive>
   );
 }
diff --git a/components/core/ObjectPreview/DefaultObjectPreview.js b/components/core/ObjectPreview/DefaultObjectPreview.js
index 7632751f..3a12968a 100644
--- a/components/core/ObjectPreview/DefaultObjectPreview.js
+++ b/components/core/ObjectPreview/DefaultObjectPreview.js
@@ -4,7 +4,7 @@ import * as Styles from "~/common/styles";
 import { P3 } from "~/components/system";
 import { css } from "@emotion/react";
 
-import ObjectPreviewPremitive from "./ObjectPreviewPremitive";
+import ObjectPreviewPrimitive from "./ObjectPreviewPrimitive";
 import FilePlaceholder from "./placeholders/File";
 
 const STYLES_CONTAINER = css`
@@ -24,13 +24,13 @@ const STYLES_TAG = (theme) => css`
 
 export default function DefaultObjectPreview(props) {
   return (
-    <ObjectPreviewPremitive {...props}>
+    <ObjectPreviewPrimitive {...props}>
       <div css={[Styles.CONTAINER_CENTERED, STYLES_CONTAINER]}>
         <FilePlaceholder />
         <div css={STYLES_TAG}>
           <P3>FILE</P3>
         </div>
       </div>
-    </ObjectPreviewPremitive>
+    </ObjectPreviewPrimitive>
   );
 }
diff --git a/components/core/ObjectPreview/EpubObjectPreview.js b/components/core/ObjectPreview/EpubObjectPreview.js
index c935378d..72d1218e 100644
--- a/components/core/ObjectPreview/EpubObjectPreview.js
+++ b/components/core/ObjectPreview/EpubObjectPreview.js
@@ -6,7 +6,7 @@ import * as Styles from "~/common/styles";
 import { P3 } from "~/components/system";
 import { css } from "@emotion/react";
 
-import ObjectPreviewPremitive from "./ObjectPreviewPremitive";
+import ObjectPreviewPrimitive from "./ObjectPreviewPrimitive";
 import EpubPlaceholder from "./placeholders/EPUB";
 
 const STYLES_CONTAINER = css`
@@ -26,13 +26,13 @@ const STYLES_TAG = (theme) => css`
 
 export default function EpubObjectPreview(props) {
   return (
-    <ObjectPreviewPremitive {...props}>
+    <ObjectPreviewPrimitive {...props}>
       <div css={[Styles.CONTAINER_CENTERED, STYLES_CONTAINER]}>
         <EpubPlaceholder />
         <div css={STYLES_TAG}>
           <P3>EPUB</P3>
         </div>
       </div>
-    </ObjectPreviewPremitive>
+    </ObjectPreviewPrimitive>
   );
 }
diff --git a/components/core/ObjectPreview/FontObjectPreview.js b/components/core/ObjectPreview/FontObjectPreview.js
index 0c03ba89..94418d73 100644
--- a/components/core/ObjectPreview/FontObjectPreview.js
+++ b/components/core/ObjectPreview/FontObjectPreview.js
@@ -6,7 +6,7 @@ import * as Utilities from "~/common/utilities";
 
 import { css } from "@emotion/react";
 
-import ObjectPreviewPremitive from "./ObjectPreviewPremitive";
+import ObjectPreviewPrimitive from "./ObjectPreviewPrimitive";
 import { useFont } from "~/components/core/FontFrame/hooks";
 
 const STYLES_TEXT_PREVIEW = (theme) => css`
@@ -29,12 +29,12 @@ export default function FontObjectPreview({ file, ...props }) {
 
   const tag = Utilities.getFileExtension(file.filename) || "font";
   return (
-    <ObjectPreviewPremitive tag={tag} file={file} {...props}>
+    <ObjectPreviewPrimitive tag={tag} file={file} {...props}>
       <div css={[Styles.CONTAINER_CENTERED, STYLES_TEXT_PREVIEW]}>
         <div style={{ fontFamily: fontName }}>
           <div css={STYLES_LETTER}>Aa</div>
         </div>
       </div>
-    </ObjectPreviewPremitive>
+    </ObjectPreviewPrimitive>
   );
 }
diff --git a/components/core/ObjectPreview/ImageObjectPreview.js b/components/core/ObjectPreview/ImageObjectPreview.js
index 5692dacc..5a96b6ee 100644
--- a/components/core/ObjectPreview/ImageObjectPreview.js
+++ b/components/core/ObjectPreview/ImageObjectPreview.js
@@ -8,7 +8,7 @@ import { Blurhash } from "react-blurhash";
 import { isBlurhashValid } from "blurhash";
 
 import { css } from "@emotion/react";
-import ObjectPreviewPremitive from "./ObjectPreviewPremitive";
+import ObjectPreviewPrimitive from "./ObjectPreviewPrimitive";
 
 const STYLES_PLACEHOLDER_ABSOLUTE = css`
   position: absolute;
@@ -71,7 +71,7 @@ export default function ImageObjectPreview({ url, file, ...props }) {
   const imageUrl = coverImage ? Strings.getURLfromCID(coverImage?.cid) : url;
 
   return (
-    <ObjectPreviewPremitive file={file} tag={tag} isImage {...props}>
+    <ObjectPreviewPrimitive file={file} tag={tag} isImage {...props}>
       <div ref={previewerRef} css={[Styles.CONTAINER_CENTERED, STYLES_FLUID_CONTAINER]}>
         {isInView && (
           <AspectRatio ratio={186 / 302}>
@@ -86,6 +86,6 @@ export default function ImageObjectPreview({ url, file, ...props }) {
         )}
         {shouldShowPlaceholder && <ImagePlaceholder blurhash={blurhash} />}
       </div>
-    </ObjectPreviewPremitive>
+    </ObjectPreviewPrimitive>
   );
 }
diff --git a/components/core/ObjectPreview/KeynoteObjectPreview.js b/components/core/ObjectPreview/KeynoteObjectPreview.js
index aaad4fa2..b89cb5c7 100644
--- a/components/core/ObjectPreview/KeynoteObjectPreview.js
+++ b/components/core/ObjectPreview/KeynoteObjectPreview.js
@@ -6,7 +6,7 @@ import * as Styles from "~/common/styles";
 import { P3 } from "~/components/system";
 import { css } from "@emotion/react";
 
-import ObjectPreviewPremitive from "./ObjectPreviewPremitive";
+import ObjectPreviewPrimitive from "./ObjectPreviewPrimitive";
 import KeynotePlaceholder from "./placeholders/Keynote";
 
 const STYLES_CONTAINER = css`
@@ -26,13 +26,13 @@ const STYLES_TAG = (theme) => css`
 
 export default function KeynoteObjectPreview(props) {
   return (
-    <ObjectPreviewPremitive {...props}>
+    <ObjectPreviewPrimitive {...props}>
       <div css={[Styles.CONTAINER_CENTERED, STYLES_CONTAINER]}>
         <KeynotePlaceholder />
         <div css={STYLES_TAG}>
           <P3>KEYNOTE</P3>
         </div>
       </div>
-    </ObjectPreviewPremitive>
+    </ObjectPreviewPrimitive>
   );
 }
diff --git a/components/core/ObjectPreview/ObjectPreviewPremitive.js b/components/core/ObjectPreview/ObjectPreviewPrimitive.js
similarity index 100%
rename from components/core/ObjectPreview/ObjectPreviewPremitive.js
rename to components/core/ObjectPreview/ObjectPreviewPrimitive.js
diff --git a/components/core/ObjectPreview/PdfObjectPreview.js b/components/core/ObjectPreview/PdfObjectPreview.js
index 27a65888..2ae20fdf 100644
--- a/components/core/ObjectPreview/PdfObjectPreview.js
+++ b/components/core/ObjectPreview/PdfObjectPreview.js
@@ -7,7 +7,7 @@ import { P3 } from "~/components/system";
 import { css } from "@emotion/react";
 
 import PdfPlaceholder from "./placeholders/PDF";
-import ObjectPreviewPremitive from "./ObjectPreviewPremitive";
+import ObjectPreviewPrimitive from "./ObjectPreviewPrimitive";
 
 const STYLES_CONTAINER = css`
   position: relative;
@@ -27,13 +27,13 @@ const STYLES_TAG = (theme) => css`
 
 export default function PDFObjectPreview(props) {
   return (
-    <ObjectPreviewPremitive {...props}>
+    <ObjectPreviewPrimitive {...props}>
       <div css={[Styles.CONTAINER_CENTERED, STYLES_CONTAINER]}>
         <PdfPlaceholder />
         <div css={STYLES_TAG}>
           <P3>PDF</P3>
         </div>
       </div>
-    </ObjectPreviewPremitive>
+    </ObjectPreviewPrimitive>
   );
 }
diff --git a/components/core/ObjectPreview/TextObjectPreview.js b/components/core/ObjectPreview/TextObjectPreview.js
index b391db01..e85aa374 100644
--- a/components/core/ObjectPreview/TextObjectPreview.js
+++ b/components/core/ObjectPreview/TextObjectPreview.js
@@ -7,7 +7,7 @@ import * as Utilities from "~/common/utilities";
 import { P3 } from "~/components/system";
 import { css } from "@emotion/react";
 
-import ObjectPreviewPremitive from "./ObjectPreviewPremitive";
+import ObjectPreviewPrimitive from "./ObjectPreviewPrimitive";
 import TextPlaceholder from "./placeholders/Text";
 
 const STYLES_CONTAINER = css`
@@ -56,7 +56,7 @@ export default function TextObjectPreview({ url, file, ...props }) {
   const tag = Utilities.getFileExtension(file.filename) || "text";
 
   return (
-    <ObjectPreviewPremitive tag={!error && tag} file={file} {...props}>
+    <ObjectPreviewPrimitive tag={!error && tag} file={file} {...props}>
       <div css={[STYLES_CONTAINER, error && Styles.CONTAINER_CENTERED]}>
         {error ? (
           <>
@@ -71,6 +71,6 @@ export default function TextObjectPreview({ url, file, ...props }) {
           </div>
         )}
       </div>
-    </ObjectPreviewPremitive>
+    </ObjectPreviewPrimitive>
   );
 }
diff --git a/components/core/ObjectPreview/VideoObjectPreview.js b/components/core/ObjectPreview/VideoObjectPreview.js
index 0f1d4aff..38905f66 100644
--- a/components/core/ObjectPreview/VideoObjectPreview.js
+++ b/components/core/ObjectPreview/VideoObjectPreview.js
@@ -6,7 +6,7 @@ import * as Styles from "~/common/styles";
 import { P3 } from "~/components/system";
 import { css } from "@emotion/react";
 
-import ObjectPreviewPremitive from "./ObjectPreviewPremitive";
+import ObjectPreviewPrimitive from "./ObjectPreviewPrimitive";
 import VideoPlaceholder from "./placeholders/Video";
 
 const STYLES_CONTAINER = css`
@@ -28,13 +28,13 @@ export default function VideoObjectPreview({ file, ...props }) {
   const { type } = file.data;
   const tag = type.split("/")[1];
   return (
-    <ObjectPreviewPremitive file={file} {...props}>
+    <ObjectPreviewPrimitive file={file} {...props}>
       <div css={[Styles.CONTAINER_CENTERED, STYLES_CONTAINER]}>
         <VideoPlaceholder />
         <div css={STYLES_TAG}>
           <P3>{tag}</P3>
         </div>
       </div>
-    </ObjectPreviewPremitive>
+    </ObjectPreviewPrimitive>
   );
 }
diff --git a/components/core/ObjectPreview/placeholders/index.js b/components/core/ObjectPreview/placeholders/index.js
index 8295c212..ee020824 100644
--- a/components/core/ObjectPreview/placeholders/index.js
+++ b/components/core/ObjectPreview/placeholders/index.js
@@ -39,7 +39,7 @@ const STYLES_TAG = (theme) => css`
   border-radius: 4px;
 `;
 
-const PlaceholderPremitive = ({ file, ratio }) => {
+const PlaceholderPrimitive = ({ file, ratio }) => {
   const { type } = file.data;
 
   if (type.startsWith("video/")) {
@@ -104,7 +104,7 @@ export default function Placeholder({ file, containerCss, ratio, showTag }) {
           <Typography.P3>{tag}</Typography.P3>
         </div>
       )}
-      <PlaceholderPremitive ratio={ratio} file={file} />
+      <PlaceholderPrimitive ratio={ratio} file={file} />
     </div>
   );
 }