format: files

TobiTRy · Dec 14, 2023 · fb21b71 · fb21b71
1 parent 7a6d0d3
commit fb21b71
Show file tree

Hide file tree

Showing 7 changed files with 21 additions and 21 deletions.
diff --git a/src/Routes/ChipsRoute/ChipsRoute.tsx b/src/Routes/ChipsRoute/ChipsRoute.tsx
@@ -1,7 +1,6 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import React from 'react';
 
-
 import { DesignArea, DesignWrapper } from '../DesignWrapper/Wrapper';
 import ClipBoardIconCheck from '../../components/icons/SVGClipBoardIconChecked/SVGClipBoardIconChecked';
 import { FancyCard } from '@/components/atoms/FancyCard';

diff --git a/src/components/atoms/FancyPill/FancyPill.model.ts b/src/components/atoms/FancyPill/FancyPill.model.ts
@@ -1,4 +1,3 @@
-
 import { CSSProp } from 'styled-components';
 
 import { TLayer } from '@/interface/TLayer';
@@ -14,4 +13,4 @@ export interface IFancyPill {
   isActive?: boolean;
 }
 
-export type IFancyPillProps= IFancyPill & React.HTMLAttributes<HTMLDivElement>;
+export type IFancyPillProps = IFancyPill & React.HTMLAttributes<HTMLDivElement>;
diff --git a/src/components/atoms/FancyPill/FancyPill.tsx b/src/components/atoms/FancyPill/FancyPill.tsx
@@ -4,7 +4,7 @@ import { StyledFancyPill } from '@/components/atoms/FancyPill/FancyPill.styled';
 // --------------------------------------------------------------------------- //
 // --------------  A Pill can be used for style and user actions ------------- //
 // --------------------------------------------------------------------------- //
-export default function FancyPill(props: IFancyPill ) {
+export default function FancyPill(props: IFancyPill) {
   const { layer, themeType, outlined, outlinedBackgroundStrength, externalStyle, ...htmlProps } = props;
 
   return (

diff --git a/src/components/molecules/Chip/Chip.tsx b/src/components/molecules/Chip/Chip.tsx
@@ -14,7 +14,6 @@ export type TChipProps = IChipProps & IFancyPillProps;
 export default function Chip(props: TChipProps) {
   const { outlined, themeType, layer, isActive, externalStyle, children, ...htmlProps } = props;
 
-
   return (
     <RawLI>
       <FancyPill
@@ -34,7 +33,6 @@ export default function Chip(props: TChipProps) {
   );
 }
 
-
 Chip.DeleteButton = ChipDeleteButton;
-Chip.Img = ChipImg
-Chip.Content = FancyContent
+Chip.Img = ChipImg;
+Chip.Content = FancyContent;
diff --git a/src/components/molecules/Chip/Components/ChipImg/ChipImg.tsx b/src/components/molecules/Chip/Components/ChipImg/ChipImg.tsx
@@ -6,7 +6,6 @@ import { FancyImage } from '@/components/atoms/FancyImage';
 
 type IFancyChipImgProps = React.ComponentProps<typeof FancyImage>;
 export default function ChipImg(props: IFancyChipImgProps) {
-
   return (
     <WrapperImage>
       <FancyImage alt="chip" {...props} />

diff --git a/src/components/organisms/FancyChipList/FancyChipList.tsx b/src/components/organisms/FancyChipList/FancyChipList.tsx
@@ -56,7 +56,11 @@ export default function FancyChipList(props: ChipListProps) {
   return (
     <Fieldset label={label} fontVariantLegend="button">
       <ChipList themeType={themeType} layer={layer} outlined={true} size={size} systemMessage={systemInformation}>
-        <FancyChip image='https://www.az-online.de/bilder/2019/08/23/12938342/2113799823-tobias-rester-2tyMMSkM2R73.jpg'  label='Hiii' onDelete={() => console.log('assa')} />
+        <FancyChip
+          image="https://www.az-online.de/bilder/2019/08/23/12938342/2113799823-tobias-rester-2tyMMSkM2R73.jpg"
+          label="Hiii"
+          onDelete={() => console.log('assa')}
+        />
         {/* // Mapping through each chip in the state to render a FancyChip */}
         {chipsWithKeys.map((chip, index) => (
           <Chip

diff --git a/src/components/templates/FancyChip/FancyChip.tsx b/src/components/templates/FancyChip/FancyChip.tsx
@@ -6,7 +6,6 @@ import { TChipProps } from '@/components/molecules/Chip/Chip';
 import { TSpacingPosition, generateSpacing } from '@/components/templates/FancyChip/utils/generateSpacings';
 import { sizes } from '@/components/templates/FancyChip/sizeSettings';
 
-
 type TFancyChip = {
   image?: string;
   label?: string;
@@ -15,7 +14,7 @@ type TFancyChip = {
   sizes?: keyof typeof sizes;
 } & TChipProps;
 export default function FancyChip(props: TFancyChip) {
-  const { label, icon, image, onDelete, layer = 3, themeType, sizes, externalStyle,...htmlProps } = props;
+  const { label, icon, image, onDelete, layer = 3, themeType, sizes, externalStyle, ...htmlProps } = props;
 
   // Define a function to calculate the spacing position for the chip
   const clacPosition = (): TSpacingPosition => {
@@ -30,7 +29,7 @@ export default function FancyChip(props: TFancyChip) {
   // Calculate the spacing position for the chip
   const getCalcPosition = clacPosition();
 
-  console.log('getCalcPosition', getCalcPosition)
+  console.log('getCalcPosition', getCalcPosition);
 
   return (
     <Chip
@@ -43,15 +42,17 @@ export default function FancyChip(props: TFancyChip) {
       `}
       {...htmlProps}
     >
-
       {image && <Chip.Img src={image} />}
-      {label || icon && (
-        <Chip.Content>
-          {icon && <Chip.Content.Icon>{icon}</Chip.Content.Icon>}
-          <Chip.Content.Title bold={false} fontVariant='content'>{label}</Chip.Content.Title>
-        </Chip.Content>
-      )}
-     {onDelete && <Chip.DeleteButton />}
+      {label ||
+        (icon && (
+          <Chip.Content>
+            {icon && <Chip.Content.Icon>{icon}</Chip.Content.Icon>}
+            <Chip.Content.Title bold={false} fontVariant="content">
+              {label}
+            </Chip.Content.Title>
+          </Chip.Content>
+        ))}
+      {onDelete && <Chip.DeleteButton />}
     </Chip>
   );
 }