Changed icons and delete of candidate removes ratings

Author: CharlieDigital

shared/models.ts

@@ -222,4 +222,4 @@ export type Profile = {
    */
   receiveFeedbackRequests?: BooleanRecord;
 } & ProfileBase &
-  Entity;
+  Entity;

web/components/workspace/WorkspaceCandidateDialog.vue

@@ -1,7 +1,7 @@
 <template>
   <SideDialogShell
     position="right"
-    title="Add candidate review"
+    title="Add candidate"
     :icon="tabUserCode"
     :visible="visible"
     @close="visible = false"

web/components/workspace/WorkspaceReviewsPanel.vue

@@ -272,10 +272,22 @@ const ratings = computed(() =>
 );
 
 /**
- * Handles deletion of the candidate
+ * Handles deletion of the candidate; removes any ratings for this candidate from
+ * the workspace.
  */
 async function handleCandidateDelete(uid: string) {
   await candidateReviewRepository.deleteById(uid);
+
+  // We also need to remove the comments from the workspace with this candidate UID
+  let workspaceUpdate: EntityUpdate<Workspace> = {};
+
+  for (const key of Object.keys(workspace.value.ratings ?? {})) {
+    if (key.startsWith(uid)) {
+      workspaceUpdate = { ...workspaceUpdate, [`ratings.${key}`]: deleteField() };
+    }
+  }
+
+  await workspaceRepository.updateFields(workspace.value.uid, workspaceUpdate);
 }
 
 /**

web/pages/index.vue

@@ -139,6 +139,7 @@
         -->
       </section>
 
+      <!--
       <section class="row q-px-md">
         <div class="col-12">
           <h2
@@ -218,6 +219,29 @@
           </div>
         </div>
       </section>
+      -->
+      <section class="q-px-md">
+        <h2
+          class="q-my-none q-pt-xl q-pb-md"
+          :class="[dark ? 'text-deep-purple-3' : 'text-accent']"
+        >
+          3 Features in 60 seconds
+        </h2>
+        <video
+          preload="none"
+          controls
+          name="media"
+          style="width: 100%"
+          class="rounded-borders shadow-2"
+          poster="https://storage.googleapis.com/media.coderev.app/coderev-features.webp"
+          title="CodeRev.app 3 minute intro."
+        >
+          <source
+            src="https://storage.googleapis.com/media.coderev.app/code-rev-palette-720p.mp4"
+            type="video/mp4"
+          />
+        </video>
+      </section>
 
       <section class="q-px-md">
         <h2

web/pages/workspace/[uid].vue

@@ -70,7 +70,7 @@
                 :class="{
                   'bg-grey-8': tab === 'reviews' && !route.fullPath.includes('/c/'),
                 }"
-                :icon="tabFilePencil"
+                :icon="tabUsers"
                 @click="navigateTab('reviews')"
                 size="md"
                 flat
@@ -86,7 +86,7 @@
                   :class="{
                     'bg-grey-8': route.fullPath.includes('/c/'),
                   }"
-                  :icon="tabUser"
+                  :icon="tabUserEdit"
                   @click="mini = !mini"
                   size="md"
                   dense
@@ -96,17 +96,6 @@
                     Candidate: {{ candidate.label ?? candidate.email }}
                   </QTooltip>
                 </QBtn>
-                <QBtn
-                  :icon="tabArrowUpLeft"
-                  @click="navigateTo(`/workspace/${workspace.uid}`)"
-                  size="md"
-                  dense
-                  flat
-                >
-                  <QTooltip self="center left" anchor="center right">
-                    Back to candidates
-                  </QTooltip>
-                </QBtn>
               </template>
             </div>
 
@@ -235,7 +224,7 @@
             clickable
           >
             <QItemSection avatar>
-              <QIcon :name="tabFilePencil" />
+              <QIcon :name="tabUsers" />
             </QItemSection>
             <QItemSection>
               <QItemLabel class="text-h6">Reviews</QItemLabel>
@@ -246,7 +235,7 @@
           <QCard v-if="route.fullPath.includes('/c/')" class="bg-grey-9">
             <QItem v-if="!editCandidate" v-bind="leftMenuProps">
               <QItemSection style="justify-content: start" avatar>
-                <QIcon :name="tabUser" />
+                <QIcon :name="tabUserEdit" />
               </QItemSection>
               <QItemSection>
                 <QItemLabel class="text-body1" style="word-break: break-all" lines="2">{{
@@ -265,15 +254,6 @@
               />
             </template>
             <QCardActions align="right">
-              <QBtn
-                :icon="tabArrowUpLeft"
-                color="white"
-                label="Back"
-                @click="navigateTo(`/workspace/${workspace.uid}`)"
-                unelevated
-                outline
-                no-caps
-              />
               <template v-if="editCandidate">
                 <QBtn :icon="tabX" @click="editCandidate = false" flat />
                 <QBtn
@@ -290,11 +270,12 @@
                 flat
               />
               <QBtn
-                :icon="tabClipboard"
+                :icon="copied ? tabCheck : tabClipboard"
+                :color="copied ? 'light-green' : undefined"
                 @click="copy(`${baseUrl}/review/${candidate.uid}`)"
                 flat
               >
-                <QTooltip>Copy URL</QTooltip>
+                <QTooltip>{{ copied ? "Copied to clipboard!" : "Copy URL" }}</QTooltip>
               </QBtn>
               <DeleteConfirmButton
                 message="Are you sure you want to delete this candidate?"
@@ -319,12 +300,8 @@
 import { navigateTo } from "nuxt/app";
 import { defaultWorkspace } from "../../stores/workspaceStore";
 import {
-  tabArrowLeft,
-  tabArrowUpLeft,
   tabClipboard,
-  tabUser,
   tabDeviceFloppy,
-  tabFilePencil,
   tabFiles,
   tabPencil,
   tabUsersGroup,
@@ -334,9 +311,10 @@ import {
   tabSun,
   tabBrandGithub,
   tabArrowBarToRight,
-  tabInfoCircle,
-  tabInfoSquare,
   tabInfoSquareRounded,
+  tabUsers,
+  tabUserEdit,
+  tabCheck,
 } from "quasar-extras-svg-icons/tabler-icons-v2";
 import { leftMenuProps } from "../../utils/commonProps";
 import { baseUrl } from "../../utils/environment";
@@ -358,7 +336,7 @@ const appStore = useAppStore();
 
 const { showLeftDrawer, dark } = storeToRefs(appStore);
 
-const { copy } = useClipboard();
+const { copy, copied, text } = useClipboard();
 
 const tab = ref("files");
 

web/utils/data/Repository.ts

@@ -18,6 +18,11 @@ import {
 import type { Unsubscribe } from "firebase/auth";
 import dayjs from "dayjs";
 
+/**
+ * Type used to represent an entity update that allows for deletion
+ */
+export type EntityUpdate<T extends Entity> ={ [P in keyof T]?: T[P] | undefined | FieldValue }
+
 /**
  * Replaces an entity in a collection with a new one that has been updated.
  * @param collection The collection to splice
@@ -169,7 +174,7 @@ export abstract class Repository<T extends Entity> {
    */
   public async updateFields(
     uid: string,
-    entity: { [P in keyof T]?: T[P] | undefined | FieldValue }
+    entity: EntityUpdate<T>
   ) {
     const { profile } = useAppStore();