Fixed formatting

primefaces · Jan 9, 2024 · 9ec4c2b · 9ec4c2b
1 parent b78d4db
commit 9ec4c2b
Show file tree

Hide file tree

Showing 8 changed files with 44 additions and 46 deletions.
diff --git a/components/templates/TemplateConfiguration.js b/components/templates/TemplateConfiguration.js
@@ -1,9 +1,6 @@
-import React from 'react'
+import React from 'react';
 
-const TemplateConfiguration = ({
-    title = "",
-    description = "",
-}) => {
+const TemplateConfiguration = ({ title = '', description = '' }) => {
     return (
         <div className="template-configuration-wrapper">
             <div className="template-configuration">
@@ -30,6 +27,6 @@ const TemplateConfiguration = ({
             </div>
         </div>
     );
-}
+};
 
-export default TemplateConfiguration
+export default TemplateConfiguration;
diff --git a/components/templates/TemplateRelated.js b/components/templates/TemplateRelated.js
@@ -1,4 +1,4 @@
-import React from 'react'
+import React from 'react';
 
 const TemplateRelated = ({ relatedData }) => {
     return (
@@ -15,6 +15,6 @@ const TemplateRelated = ({ relatedData }) => {
             </div>
         </div>
     );
-}
+};
 
-export default TemplateRelated
+export default TemplateRelated;
diff --git a/components/templates/TemplateSeparator.js b/components/templates/TemplateSeparator.js
@@ -1,11 +1,11 @@
-import React from 'react'
+import React from 'react';
 
 const TemplateSeparator = ({ separatorLogo }) => {
     return (
         <div className="template-seperator">
             <span className="template-seperator-icon">{separatorLogo}</span>
         </div>
     );
-}
+};
 
-export default TemplateSeparator
+export default TemplateSeparator;
diff --git a/components/templates/TemplateYoutube.js b/components/templates/TemplateYoutube.js
@@ -1,5 +1,5 @@
-import React, { useState } from 'react'
-import { Dialog } from '../lib/primereact.all'
+import React, { useState } from 'react';
+import { Dialog } from '../lib/primereact.all';
 
 const PlayIcon = React.memo(() => (
     <svg xmlns="http://www.w3.org/2000/svg" width="180" height="180" viewBox="0 0 180 180" fill="none">
@@ -61,4 +61,4 @@ const TemplateYoutube = ({
     );
 };
 
-export default TemplateYoutube
+export default TemplateYoutube;
diff --git a/components/templates/templateFeaturesAnimation/TemplateFeaturesAnimationInline.js b/components/templates/templateFeaturesAnimation/TemplateFeaturesAnimationInline.js
@@ -1,27 +1,29 @@
-import React, { useRef } from 'react'
+import React, { useRef } from 'react';
 import useAnimatedFeatures from './useAnimatedFeatures';
 
-const TemplateFeaturesAnimationInline = ({ inlineFeaturesData, parentHandleClick, parentID , inlineSeconds =1000 }) => {
-    const animationInlineRef = useRef(null)
+const TemplateFeaturesAnimationInline = ({ inlineFeaturesData, parentHandleClick, parentID, inlineSeconds = 1000 }) => {
+    const animationInlineRef = useRef(null);
     const { selectedID, handleClick } = useAnimatedFeatures(animationInlineRef, inlineFeaturesData.length, inlineSeconds);
 
     const handleBtnClick = (id) => {
-        handleClick(id)
-        parentHandleClick(parentID)
-    }
+        handleClick(id);
+        parentHandleClick(parentID);
+    };
 
     return (
-        <div className='template-features-animation-right-inline' ref={animationInlineRef}>
-            <div className='template-features-animation-right-inline-tabs'>
+        <div className="template-features-animation-right-inline" ref={animationInlineRef}>
+            <div className="template-features-animation-right-inline-tabs">
                 {inlineFeaturesData.map((data, i) => (
-                    <button className={`${!!(data.id === selectedID) && "template-features-animation-right-inline-tabs-btnActive"}`} onClick={() => handleBtnClick(data.id)} key={i}>{data.title}</button>
+                    <button className={`${!!(data.id === selectedID) && 'template-features-animation-right-inline-tabs-btnActive'}`} onClick={() => handleBtnClick(data.id)} key={i}>
+                        {data.title}
+                    </button>
                 ))}
             </div>
-            <div className='template-features-animation-right-inline-image'>
-                <img src={inlineFeaturesData[selectedID - 1].src} alt='Animation Inline Feature Image' />
+            <div className="template-features-animation-right-inline-image">
+                <img src={inlineFeaturesData[selectedID - 1].src} alt="Animation Inline Feature Image" />
             </div>
         </div>
-    )
-}
+    );
+};
 
-export default TemplateFeaturesAnimationInline
+export default TemplateFeaturesAnimationInline;
diff --git a/components/templates/templateHero/TemplateHero.js b/components/templates/templateHero/TemplateHero.js
@@ -1,6 +1,6 @@
-import React from 'react'
-import TemplateHeroRectangle from './TemplateHeroRectangle'
-import TemplateHeroLight from './TemplateHeroLight'
+import React from 'react';
+import TemplateHeroRectangle from './TemplateHeroRectangle';
+import TemplateHeroLight from './TemplateHeroLight';
 
 const TemplateHero = ({ logo, pattern, rectangle, light, dashboard1, dashboard2, description, liveHref, docHref }) => {
     return (
@@ -36,4 +36,4 @@ const TemplateHero = ({ logo, pattern, rectangle, light, dashboard1, dashboard2,
     );
 };
 
-export default TemplateHero
+export default TemplateHero;
diff --git a/components/templates/templateHero/TemplateHeroLight.js b/components/templates/templateHero/TemplateHeroLight.js
@@ -1,8 +1,8 @@
-import React from 'react'
+import React from 'react';
 
 const TemplateHeroLight = () => {
     return (
-        <svg width="490" height="143" viewBox="0 0 490 143" fill="none" xmlns="http://www.w3.org/2000/svg" className='template-hero-light'>
+        <svg width="490" height="143" viewBox="0 0 490 143" fill="none" xmlns="http://www.w3.org/2000/svg" className="template-hero-light">
             <g filter="url(#filter0_f_1970_42395)">
                 <g filter="url(#filter1_f_1970_42395)">
                     <rect x="43" y="43" width="404" height="10" rx="5" fill="var(--primary-100)" />
@@ -58,7 +58,7 @@ const TemplateHeroLight = () => {
                 </filter>
             </defs>
         </svg>
-    )
-}
+    );
+};
 
-export default TemplateHeroLight
+export default TemplateHeroLight;
diff --git a/components/templates/templateHero/TemplateHeroRectangle.js b/components/templates/templateHero/TemplateHeroRectangle.js
@@ -1,10 +1,10 @@
-import React from 'react'
+import React from 'react';
 
 const TemplateHeroRectangle = () => {
     return (
         <>
-            <svg width="1152" height="457" viewBox="0 0 1152 457" fill="none" xmlns="http://www.w3.org/2000/svg" className='template-hero-rectangle'>
-                <g style={{mixBlendMode:"overlay"}} filter="url(#filter0_f_956_37561)">
+            <svg width="1152" height="457" viewBox="0 0 1152 457" fill="none" xmlns="http://www.w3.org/2000/svg" className="template-hero-rectangle">
+                <g style={{ mixBlendMode: 'overlay' }} filter="url(#filter0_f_956_37561)">
                     <path d="M264.08 -96H547.881L952 470H-163L264.08 -96Z" fill="url(#paint0_linear_956_37561)" />
                 </g>
                 <defs>
@@ -19,9 +19,8 @@ const TemplateHeroRectangle = () => {
                     </linearGradient>
                 </defs>
             </svg>
-
         </>
-    )
-}
+    );
+};
 
-export default TemplateHeroRectangle
+export default TemplateHeroRectangle;