Author: bilalesi

src/shared/containers/ResourceViewActionsContainer.tsx

@@ -66,12 +66,10 @@ const ResourceViewActionsContainer: React.FC<{
   const redirectToQueryTab = React.useCallback(() => {
     if (view) {
       const base = `/${subapp.namespace}/${orgLabel}/${projectLabel}`;
-      const href = `${base}/query/${encodeURIComponent(
-        view['@id']
-      )}`;
+      const href = `${base}/query/${encodeURIComponent(view['@id'])}`;
       return href;
     }
-    return "";
+    return '';
   }, [view]);
 
   const self = resource._self;

src/shared/containers/ResourceViewContainer.tsx

@@ -124,8 +124,9 @@ const ResourceViewContainer: React.FunctionComponent<{
     }
   ) => {
     const { revision, tab, expanded } = opt;
-    const pushRoute = `/${orgLabel}/${projectLabel}/resources/${resourceId}${revision ? `?rev=${revision}` : ''
-      }${expanded ? '&expanded=true' : ''}${tab ? tab : ''}`;
+    const pushRoute = `/${orgLabel}/${projectLabel}/resources/${resourceId}${
+      revision ? `?rev=${revision}` : ''
+    }${expanded ? '&expanded=true' : ''}${tab ? tab : ''}`;
     history.push(pushRoute, location.state);
   };
 
@@ -143,12 +144,12 @@ const ResourceViewContainer: React.FunctionComponent<{
     busy: boolean;
     resource: Resource | null;
     error:
-    | (Error & {
-      action?: 'update' | 'view';
-      rejections?: { reason: string }[];
-      wasUpdated?: boolean;
-    })
-    | null;
+      | (Error & {
+          action?: 'update' | 'view';
+          rejections?: { reason: string }[];
+          wasUpdated?: boolean;
+        })
+      | null;
   }>({
     busy: false,
     resource: null,
@@ -274,7 +275,7 @@ const ResourceViewContainer: React.FunctionComponent<{
       busy: true,
     });
     try {
-      const options = tag ? { tag: tag.toString(), } : { rev: Number(rev), };
+      const options = tag ? { tag: tag.toString() } : { rev: Number(rev) };
       const resource = (await nexus.Resource.get(
         orgLabel,
         projectLabel,
@@ -284,11 +285,11 @@ const ResourceViewContainer: React.FunctionComponent<{
       const selectedResource: Resource =
         rev || tag
           ? ((await nexus.Resource.get(
-            orgLabel,
-            projectLabel,
-            resourceId,
-            options
-          )) as Resource)
+              orgLabel,
+              projectLabel,
+              resourceId,
+              options
+            )) as Resource)
           : resource;
 
       const expandedResources = (await nexus.Resource.get(
@@ -556,8 +557,9 @@ const ResourceViewContainer: React.FunctionComponent<{
     <>
       <div className="resource-details">
         <Helmet
-          title={`${resource ? getResourceLabel(resource) : resourceId
-            } | ${projectLabel} | ${orgLabel} | Nexus Web`}
+          title={`${
+            resource ? getResourceLabel(resource) : resourceId
+          } | ${projectLabel} | ${orgLabel} | Nexus Web`}
           meta={[
             {
               name: 'description',
@@ -612,8 +614,8 @@ const ResourceViewContainer: React.FunctionComponent<{
                 </>
               }
             />
-          ) :
-            (<>
+          ) : (
+            <>
               {resource && (
                 <ResourceViewActionsContainer
                   resource={resource}
@@ -696,7 +698,8 @@ const ResourceViewContainer: React.FunctionComponent<{
                     )}
                 </>
               )}
-            </>)}
+            </>
+          )}
         </Spin>
       </div>
     </>

src/subapps/admin/views/ElasticSearchQueryView.tsx

@@ -45,13 +45,14 @@ const ElasticSearchQueryView: React.FunctionComponent = (): JSX.Element => {
 
   React.useEffect(() => {
     history.replace(
-      `/${subapp.namespace
+      `/${
+        subapp.namespace
       }/${orgLabel}/${projectLabel}/query/${encodeURIComponent(selectedView)}`
     );
   }, [selectedView]);
   const menu = (
     <Row gutter={3} justify="space-between" align="middle">
-      <Col flex='auto'>
+      <Col flex="auto">
         <Select
           value={selectedView as string}
           onChange={v => setSelectedView(v)}
@@ -75,7 +76,11 @@ const ElasticSearchQueryView: React.FunctionComponent = (): JSX.Element => {
         </Select>
       </Col>
       <Col flex="100px">
-        <Link to={`/${orgLabel}/${projectLabel}/resources/${encodeURIComponent(viewId)}`}>
+        <Link
+          to={`/${orgLabel}/${projectLabel}/resources/${encodeURIComponent(
+            viewId
+          )}`}
+        >
           <Button>Open View Resource</Button>
         </Link>
       </Col>

src/subapps/admin/views/SparqlQueryView.tsx

@@ -40,12 +40,14 @@ const SparqlQueryView: React.FunctionComponent = (): JSX.Element => {
 
   React.useEffect(() => {
     history.replace(
-      `/${ subapp.namespace }/${orgLabel}/${projectLabel}/query/${encodeURIComponent(selectedView)}`
+      `/${
+        subapp.namespace
+      }/${orgLabel}/${projectLabel}/query/${encodeURIComponent(selectedView)}`
     );
   }, [selectedView]);
   const menu = (
     <Row gutter={3} justify="space-between" align="middle">
-      <Col flex='auto'>
+      <Col flex="auto">
         <Select
           value={selectedView as string}
           onChange={v => setSelectedView(v)}
@@ -69,7 +71,11 @@ const SparqlQueryView: React.FunctionComponent = (): JSX.Element => {
         </Select>
       </Col>
       <Col flex="100px">
-        <Link to={`/${orgLabel}/${projectLabel}/resources/${encodeURIComponent(viewId)}`}>
+        <Link
+          to={`/${orgLabel}/${projectLabel}/resources/${encodeURIComponent(
+            viewId
+          )}`}
+        >
           <Button>Open View Resource</Button>
         </Link>
       </Col>