fix ذشزنلقخعدی

src/views/base/home/components/PriceChart.vue

@@ -25,6 +25,14 @@
         >
           مفتول مس
         </button>
+        <button
+          type="button"
+          class="chart-metal-segment__item"
+          :class="{ 'chart-metal-segment__item--active': selectedMetal === 'shamsh' }"
+          @click="emit('update:selectedMetal', 'shamsh')"
+        >
+          شمش مس
+        </button>
       </div>
       <a-radio-group v-model:value="selectedValue" button-style="solid" class="chart-timeline-group">
         <a-radio-button value="DAILY" @click="handleUpdate('DAILY')">24 ساعت اخیر</a-radio-button>
@@ -50,7 +58,7 @@
 import { computed, nextTick, onMounted, ref, watch } from 'vue'
 import { useConfigStore } from '@/store/configStore'
 import { usePrice } from '@/utils/usePrice'
-import { getProjectFontFamily } from '@/utils/config'
+import { getProjectFontFamily, getProjectPrimaryColor } from '@/utils/config'
 import {
   computeKatodMesVisualYBounds,
   prepareKatodMesChartPoints,
@@ -100,7 +108,7 @@ const emit = defineEmits<{
 
 const config = useConfigStore()
 const settingsStore = useSettingsStore()
-const { maftolChartRatio } = usePriceChart()
+const { selectedMetalChartRatio } = usePriceChart()
 const chartContainerRef = ref<HTMLElement | null>(null)
 const chartMounted = ref(false)
 const selectedValue = ref(props.chartSelection)
@@ -126,7 +134,7 @@ const katodDayRange = computed(() => {
     price: price.value,
     metal: props.selectedMetal,
     isBoursecuLayout: true,
-    maftolRatio: maftolChartRatio.value,
+    metalRatio: selectedMetalChartRatio.value,
   })
 })
 const displayChartSeries = computed(() => {
@@ -287,7 +295,7 @@ const chartOptions = computed(() => {
           }),
       style: { fontFamily },
     },
-    colors: [config.config.color],
+    colors: [getProjectPrimaryColor() ?? config.config?.color ?? '#2178b5'],
     fill: {
       type: 'gradient',
       gradient: {
@@ -324,8 +332,8 @@ const handleUpdate = (timeline: string) => {
 .chart-metal-segment__item {
   appearance: none;
   cursor: pointer;
-  min-width: 6.5rem;
-  padding: 0.4rem 0.75rem;
+  min-width: 5.5rem;
+  padding: 0.4rem 0.6rem;
   border: none;
   border-radius: 8px;
   background: transparent;