chore: allow ShipFitExtended to be used for preview (#148)

This shows everything except name + history
EVEShipFit · Jun 8, 2024 · a6fb52c · a6fb52c
1 parent edd8e45
commit a6fb52c
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 8 deletions.
diff --git a/src/components/ShipFitExtended/ShipFitExtended.module.css b/src/components/ShipFitExtended/ShipFitExtended.module.css
@@ -7,6 +7,9 @@
   position: relative;
   width: 100%;
 }
+.fitPreview {
+  padding-bottom: 0;
+}
 
 .fitName {
   top: 35px;

diff --git a/src/components/ShipFitExtended/ShipFitExtended.tsx b/src/components/ShipFitExtended/ShipFitExtended.tsx
@@ -143,25 +143,29 @@ const FitName = () => {
  * also adds the cargo hold, drone bay, and CPU/PG usage at the
  * bottom of the fit.
  */
-export const ShipFitExtended = () => {
+export const ShipFitExtended = (props: { isPreview?: boolean }) => {
   const currentFit = useCurrentFit();
 
   return (
-    <div className={styles.fit}>
+    <div className={clsx(styles.fit, { [styles.fitPreview]: props.isPreview })}>
       <ShipFit withStats />
 
-      <div className={styles.fitName}>
-        <FitName />
-      </div>
+      {props.isPreview !== true && (
+        <div className={styles.fitName}>
+          <FitName />
+        </div>
+      )}
 
       <div className={styles.cargoHold}>
         <ShipCargoHold />
         <ShipDroneBay />
       </div>
 
-      <div className={styles.history}>
-        <FitHistory historySize={25} />
-      </div>
+      {props.isPreview !== true && (
+        <div className={styles.history}>
+          <FitHistory historySize={25} />
+        </div>
+      )}
 
       <div className={styles.cpuPg}>
         <CpuPg title="CPU">