@dcrackel/hematournamentui 1.0.707 → 1.0.708

package/src/stories/Organisms/Containers/TableauLines/TableauLines.stories.js

@@ -1,21 +0,0 @@
-import TableauLines from './TableauLines.vue';
-
-export default {
-  title: 'Organisms/Containers/TableauLines',
-  component: TableauLines,
-  args: {
-    roundName: 'Table of 8'
-  },
-  argTypes: {
-    roundName: {
-      control: 'string',
-      description: 'Name of the round to display'
-    }
-  }
-};
-
-export const Default = {
-  args: {
-    roundName: 'Table of 8'
-  }
-};

package/src/stories/Organisms/Containers/TableauLines/TableauLines.vue

@@ -1,78 +0,0 @@
-<template>
-  <section v-if="roundName !== 'Semifinal' && roundName !== 'Final'" class="flex" :class="getTopSpace">
-    <div class="mt-[1.1rem]">
-      <div class="border-t border-b border-r w-5 rounded-md -ml-[0.3rem] z-0" :class="getConnectorHeight"></div>
-    </div>
-    <div :class="getTopSpaceForLine">
-      <div class="border-b w-5 h-5"></div>
-    </div>
-  </section>
-
-  <section v-if="roundName === 'Semifinal'" class="flex mr-5">
-    <div class="flex flex-col -ml-1" :class="getTopSpace">
-      <div class="border-t border-b border-r w-5 rounded-md z-0" :class="getConnectorHeight"></div>
-    </div>
-  </section>
-
-  <!--  <section v-if="roundName === 'Final'" class="flex flex-col mr-5 bg-bright"  >-->
-  <!--      <div class="border-b border-l w-6 rounded-bl-md z-0 h-[6rem]" :class="getTopSpace" ></div>-->
-  <!--      <div class="border-t border-l w-6 rounded-tl-md z-0 h-[6rem]" :class="getBottomLine" ></div>-->
-  <!--  </section>-->
-</template>
-
-<script>
-import { spacingConfig } from './SpacingConfig';
-
-export default {
-  name: 'TableauLines',
-  props: {
-    roundName: {
-      type: String,
-      required: true
-    },
-    bracketSize: {
-      type: String,
-      required: true
-    },
-    large: {
-      type: Boolean,
-      default: true
-    }
-  },
-  watch: {
-    large(newVal, oldVal) {
-      if (newVal !== oldVal) {
-        this.updateConfig();
-      }
-    }
-  },
-  data() {
-    return {
-      currentConfig: {}
-    };
-  },
-  mounted() {
-    this.updateConfig();
-  },
-  computed: {
-    getTopSpace() {
-      return this.currentConfig?.getTopSpace || '';
-    },
-    getTopSpaceForLine() {
-      return this.currentConfig?.getTopSpaceForLine || '';
-    },
-    getConnectorHeight() {
-      return this.currentConfig?.getConnectorHeight || '';
-    },
-    getBottomLine() {
-      return this.currentConfig?.getBottomLine || '';
-    }
-  },
-  methods: {
-    updateConfig() {
-      const size = this.large ? 'large' : 'small';
-      this.currentConfig = spacingConfig[this.bracketSize]?.[size]?.[this.roundName] || {};
-    }
-  }
-};
-</script>