CLASSROOMIO-T-11:Renamed the mockdata import,also deleted some comments and unused images

src/components/Course/components/Ceritficate/Design.svelte

@@ -134,8 +134,4 @@
   .certbg {
     background-color: #f5f8fe;
   }
-  /* .img {
-    width: 600px;
-    height: 200px;
-  } */
 </style>

src/components/Course/components/Ceritficate/Reports.svelte

@@ -1,99 +0,0 @@
-<script>
-  import { CertData, students } from './mockData';
-  import {
-    Search,
-    Checkbox,
-    StructuredList,
-    StructuredListHead,
-    StructuredListRow,
-    StructuredListCell,
-    StructuredListBody,
-    Pagination,
-  } from 'carbon-components-svelte';
-
-  let searchValue = '';
-  let checked = false;
-</script>
-
-<section class="flex flex-wrap items-start gap-2 mb-10 -ml-4 -mr-4">
-  {#each CertData as data (data.id)}
-    <div
-      class="box flex flex-col rounded border border-gray-200 justify-center px-2 mb-5"
-    >
-      <p class="text-xs font-normal">{data.title}</p>
-      <bold class="text-2xl font-medium">{data.value}</bold>
-    </div>
-  {/each}
-</section>
-
-<section>
-  <div class="flex flex-row items-center justify-between">
-    <p class="text-base font-semibold w-full">Certificate issued</p>
-    <Search
-      placeholder="search students"
-      bind:value={searchValue}
-      searchClass="border-b border-transparent"
-    />
-  </div>
-</section>
-
-<section class="mt-14 border-t border-gray-300">
-  <StructuredList>
-    <StructuredListHead class="bg-blue-50 py-0">
-      <StructuredListRow head class="py-0">
-        <StructuredListCell head class="py-0">
-          <div
-            class="flex-3 flex flex-row items-center justify-start w-full text-blue-600 text-sm font-medium"
-          >
-            <Checkbox bind:checked />
-            <p class="text-blue-900 text-start w-full text-sm font-medium">
-              Name of student
-            </p>
-          </div>
-        </StructuredListCell>
-        <StructuredListCell head class="py-0">
-          <div
-            class="flex-2 items-center w-full text-blue-900 text-sm font-medium"
-          >
-            <p class="align-middle text-sm font-medium pt-1">Date issued</p>
-            <p class="opacity-0">personalized</p>
-          </div>
-        </StructuredListCell>
-      </StructuredListRow>
-    </StructuredListHead>
-    <StructuredListBody>
-      {#each students as item (item.id)}
-        <StructuredListRow label for="row-{item}">
-          <StructuredListCell>
-            <div
-              class="flex-3 flex flex-row items-center justify-start w-full text-sm font-medium pt-4"
-            >
-              <Checkbox />
-              <p class="text-start w-full text-sm font-normal">{item.name}</p>
-            </div>
-          </StructuredListCell>
-          <StructuredListCell>
-            <div class="flex-2 flex flex-row items-center gap-10 w-full">
-              <p class="text-sm font-normal align-middle">{item.issued}</p>
-              {#if item.peronalized == true}
-                <span class="text-center bg-blue-100 px-3 py-2 rounded-lg">
-                  <p class="opacity-100 text-xs text-blue-600">personalized</p>
-                </span>
-              {:else}
-                <p class="opacity-0">personalized</p>
-              {/if}
-            </div>
-          </StructuredListCell>
-        </StructuredListRow>
-      {/each}
-    </StructuredListBody>
-  </StructuredList>
-  <Pagination totalItems={10} pageSizes={[10, 15, 20]} />
-</section>
-
-<style>
-  .box {
-    width: 246px;
-    height: 165px;
-  }
-</style>

src/components/Course/components/Ceritficate/certificates/Plain.svelte

@@ -1,5 +1,4 @@
 <script>
-  import TextField from '../../../../Form/TextField.svelte';
   import { course } from '../../../store';
   import { currentOrg } from '../../../../../utils/store/org';
 
@@ -28,13 +27,7 @@
     </p>
     <div class="border-b border-gray-500 mb-4">
       <p class="text-xs text-black font-medium">This is to certify that</p>
-      <!-- TODO: Nothing in this file should be editable -->
-      <TextField
-        bind:value={studentName}
-        inputClassName="text-center placeholder:text-black"
-        placeholder="Name of student"
-        bgColor="bg-transparent"
-      />
+      <p class="text-center">{studentName}</p>
     </div>
     <div class="mb-2">
       <p class="text-xs text-black font-medium">

src/components/Course/components/Ceritficate/certificates/Professional.svelte

@@ -1,5 +1,4 @@
 <script>
-  import TextField from '../../../../Form/TextField.svelte';
   import { course } from '../../../store';
   import { currentOrg } from '../../../../../utils/store/org';
 
@@ -19,13 +18,7 @@
       </p>
       <div class="border-b border-gray-500 mb-4">
         <p class="text-xs text-black font-medium">This is to certify that</p>
-        <!-- TODO: Nothing in this file should be editable -->
-        <TextField
-          bind:value={studentName}
-          inputClassName="text-center placeholder:text-black"
-          placeholder="Name of student"
-          bgColor="bg-transparent"
-        />
+        <p class="text-center">{studentName}</p>
       </div>
       <div class="mb-2">
         <p class="text-xs text-black font-medium">

src/components/Course/components/Ceritficate/mockData.js

@@ -1,4 +1,4 @@
-export const CertData = [
+export const CertificateReportData = [
   {
     id: 1,
     title: 'Total students taking course',

src/routes/courses/[id]/certificates.svelte

@@ -9,9 +9,7 @@
 <script lang="ts">
   import { onMount } from 'svelte';
   import CourseContainer from '../../../components/CourseContainer/index.svelte';
-
   import PageNav from '../../../components/PageNav/index.svelte';
-  // import PrimaryButton from '../../../components/PrimaryButton/index.svelte';
   import PageBody from '../../../components/PageBody/index.svelte';
   import RoleBasedSecurity from '../../../components/RoleBasedSecurity/index.svelte';
   import { setCourse, course } from '../../../components/Course/store';
@@ -19,7 +17,6 @@
   // import DeleteConfirmation from '../../../components/Course/components/People/DeleteConfirmation.svelte';
   import Design from '../../../components/Course/components/Ceritficate/Design.svelte';
   // import Reports from '../../../components/Course/components/Ceritficate/Reports.svelte';
-
   // import { issueCertificateModal } from '../../../components/Course/components/Ceritficate/store';
   import { Tabs, Tab } from 'carbon-components-svelte';
   import TabContent from 'carbon-components-svelte/src/Tabs/TabContent.svelte';