Openings: show wgOeningId and correct link to apply

src/App.tsx

@@ -296,11 +296,12 @@ class App extends React.Component<IProps, IState> {
       const wgOpening: OpeningOf = (
         await api.query[group].openingById(wgOpeningId)
       ).toJSON();
-      const id = wgOpening.hiring_opening_id;
-      const opening = (await api.query.hiring.openingById(id)).toJSON();
+      const openingId = wgOpening.hiring_opening_id;
+      const opening = (await api.query.hiring.openingById(openingId)).toJSON();
       openings.push({
         ...opening,
-        id,
+        openingId,
+        wgOpeningId,
         type: Object.keys(wgOpening.opening_type)[0],
         applications: await this.fetchApplications(
           api,

src/components/Openings/Group.tsx

@@ -9,7 +9,7 @@ const GroupOpenings = (props: { group: string; openings: Opening[] }) => {
     <div className="p-3">
       <h2>{group}</h2>
       {openings.map((opening) => (
-        <GroupOpening key={opening.id} opening={opening} />
+        <GroupOpening key={opening.id} group={group} opening={opening} />
       ))}
     </div>
   );

src/components/Openings/Opening.tsx

@@ -18,7 +18,7 @@ const GroupOpening = (props: { group: string; opening: Opening }) => {
             opening.type === "leader" ? "/lead" : ""
           }`}
         >
-          {opening.type} opening
+          {opening.type} opening ({opening.wgOpeningId})
         </a>
       </InfoTooltip>
       <Applications applications={opening.applications} />