fix: imports and styles

src/components/KicksModal.vue

@@ -195,7 +195,7 @@ const kicksForecast = computed(() => {
 })
 
 async function fetch() {
-  if (!props.corteId || !matriculaStudent) {
+  if (!props.corteId) {
     return;
   }
 

src/components/SubjectReview.vue

@@ -2,6 +2,7 @@
 import { getSubjectReviews, type SubjectReview } from '@/services/next';
 import { Chart , type ChartProps } from 'highcharts-vue';
 import SubjectTeachersList from './SubjectTeachersList.vue';
+import { resolveColorForConcept } from '@/utils/grades-colors'
 
 type ChartOptions = ChartProps['options']
 

src/components/SubjectTeachersList.vue

@@ -24,10 +24,10 @@
       <template #default="scope">
         <div class="grading">
           <el-tooltip v-for="concept in concepts" :key="concept.code" placement="top" :hide-after="0"
-            :content="`${concept.code}: ${scope.row.concepts[concept.code]['percentage']}% (${scope.row.concepts[concept.code]['count']} notas)`">
+            :content="`${concept.code}: ${scope.row.concepts[concept.code]['percentage']?.toFixed(0)}% (${scope.row.concepts[concept.code]['count']} notas)`">
             <span class="grading-segment" :class="scope.row.count < unthrustableThreshold ? 'unthrustable' : ''" :style="{
               background: concept.color,
-              width: `${scope.row.concepts[concept.code]['percentage']}%`
+              width: `${scope.row.concepts[concept.code]?.percentage?.toFixed(0)}%`
             }">
             </span>
           </el-tooltip>

src/components/TeacherReview.vue

@@ -3,6 +3,8 @@ import type { Student } from '@/scripts/sig/homepage';
 import { getStudent, getTeacherReviews, type TeacherReview, type Grade } from '@/services/next';
 import { type ChartProps, Chart } from 'highcharts-vue';
 import { sortBy } from 'lodash-es';
+import { useStorage } from '@/composables/useStorage'
+import { resolveColorForConcept } from '@/utils/grades-colors'
 
 type ChartOptions = ChartProps['options']
 
@@ -224,7 +226,7 @@ watch(filterSelected, (newFilter) => {
       v-loading="loading" element-loading="Carregando">
 
       <el-select
-          class="flex flex-row flex-auto mb-2 w-full"
+      class="flex flex-row flex-auto mb-2"
           placeholder="Selecione a matéria"
           v-model="filterSelected"
           @change="updateFilter()"

src/entrypoints/matricula.content/UFABC-Matricula.vue

@@ -4,6 +4,8 @@ import Teachers from '@/components/Teachers.vue';
 import { getComponents } from '@/services/next';
 import { render } from 'vue';
 import SubjectReview from '@/components/SubjectReview.vue';
+import { useStorage } from '@/composables/useStorage'
+import { getStudentCourseId, getStudentId } from '@/utils/ufabc-matricula-student'
 import type { UFABCMatriculaStudent } from '.';
 import type { Student } from '@/scripts/sig/homepage';
 

src/entrypoints/matricula.content/index.ts

@@ -1,5 +1,4 @@
 import './style.css';
-import 'element-plus/theme-chalk/index.css'
 import { getUFEnrolled } from '@/services/ufabc-parser';
 import UFABCMatricula from '@/entrypoints/matricula.content/UFABC-Matricula.vue';
 import HighchartsVue from 'highcharts-vue';

src/entrypoints/sig.content/index.ts

@@ -4,6 +4,7 @@ import "toastify-js/src/toastify.css";
 import '@/assets/tailwind.css'
 import { createStudent, syncHistory } from "@/services/next";
 import { processingToast, errorToast, successToast } from '@/utils/toasts'
+import { calculateQuadrimestres } from '@/utils/season'
 
 export default defineContentScript({
 	async main() {

wxt.config.ts

@@ -10,15 +10,15 @@ export default defineConfig({
 	manifest: {
 		permissions: ["storage"],
     // this is not a secret, is google public hash to validate the extensionId
-    key: "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAlg7ae7OuGQW9cQU3/qbuewZ6DdTjc1yDXtiwdwoOwgF/CByfjX+yf4addlXcxnLjXVBWwSvRj78mv03lLBjkeh63ia4t/BIzzzvciZyZAKEasC5rt0M6+MKVbkKQS9JGGVFsBiBQcQ6kUP8R4cpWX1G9uEhnshdF+u4Nrs7gq9uXIPZ4pf9PhI/IsPyAsv0m5uO4EHhIMtAp8pFyJfECWWSLchlBoGlaaCyf+fT6SYDsWaw53AcwT5jOJfxdQsoGRKGI5UW8V9+Mw+EDdpTpi7f8E5k604EMqZwmzhYLiXcuUqxeXbNZkyTsUNHXTQFcpNUdmisfjiT50kcxVZVc9wIDAQAB",
+    // key: "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAlg7ae7OuGQW9cQU3/qbuewZ6DdTjc1yDXtiwdwoOwgF/CByfjX+yf4addlXcxnLjXVBWwSvRj78mv03lLBjkeh63ia4t/BIzzzvciZyZAKEasC5rt0M6+MKVbkKQS9JGGVFsBiBQcQ6kUP8R4cpWX1G9uEhnshdF+u4Nrs7gq9uXIPZ4pf9PhI/IsPyAsv0m5uO4EHhIMtAp8pFyJfECWWSLchlBoGlaaCyf+fT6SYDsWaw53AcwT5jOJfxdQsoGRKGI5UW8V9+Mw+EDdpTpi7f8E5k604EMqZwmzhYLiXcuUqxeXbNZkyTsUNHXTQFcpNUdmisfjiT50kcxVZVc9wIDAQAB",
 	},
 	vite: () => ({
 		plugins: [
 			AutoImport({
-				resolvers: [ElementPlusResolver()],
+				resolvers: [ElementPlusResolver({ importStyle: 'css' })],
 			}),
 			Components({
-				resolvers: [ElementPlusResolver()],
+				resolvers: [ElementPlusResolver({ importStyle: 'css' })],
 			}),
 		],
 	}),