@parca/profile 0.14.29 → 0.14.30

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.14.30](https://github.com/parca-dev/parca/compare/ui-v0.14.29...ui-v0.14.30) (2022-08-17)
+
+
+### Bug Fixes
+
+* **ui:** run eslint --fix ([#1542](https://github.com/parca-dev/parca/issues/1542)) ([e522131](https://github.com/parca-dev/parca/commit/e5221318fc1140d661c45d2d04b096bfebba4af4))
+
+
+
+
+
 ## [0.14.29](https://github.com/parca-dev/parca/compare/ui-v0.14.28...ui-v0.14.29) (2022-08-15)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@parca/profile",
-  "version": "0.14.29",
+  "version": "0.14.30",
   "description": "Profile viewing libraries",
   "dependencies": {
     "@iconify/react": "^3.2.2",
@@ -22,5 +22,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "e6dabbc59485409b1fc818d5c56c7999d9a22f17"
+  "gitHead": "9c8d0ec834d23db619a26b999d543c6bc40f7e16"
 }

package/src/ProfileView.tsx

@@ -126,7 +126,7 @@ export const ProfileView = ({
 
   const downloadPProf = async (e: React.MouseEvent<HTMLElement>) => {
     e.preventDefault();
-    if (!profileSource || !queryClient) {
+    if (profileSource == null || queryClient == null) {
       return;
     }
 
@@ -169,7 +169,7 @@ export const ProfileView = ({
             <div className="flex py-3 w-full">
               <div className="w-2/5 flex space-x-4">
                 <div className="flex space-x-1">
-                  {profileSource && queryClient ? (
+                  {profileSource != null && queryClient != null ? (
                     <ProfileShareButton
                       queryRequest={profileSource.QueryRequest()}
                       queryClient={queryClient}

package/src/TopTable.tsx

@@ -46,7 +46,7 @@ const useSortableData = (top?: Top, config = {key: 'cumulative', direction: 'des
     config
   );
 
-  const rawTableReport = top ? top.list : [];
+  const rawTableReport = top != null ? top.list : [];
 
   const items = rawTableReport.map(node => ({
     ...node,
@@ -59,7 +59,7 @@ const useSortableData = (top?: Top, config = {key: 'cumulative', direction: 'des
   const sortedItems = React.useMemo(() => {
     if (!items) return;
 
-    let sortableItems = [...items];
+    const sortableItems = [...items];
     if (sortConfig !== null) {
       sortableItems.sort((a, b) => {
         if (a[sortConfig.key] < b[sortConfig.key]) {
@@ -76,7 +76,7 @@ const useSortableData = (top?: Top, config = {key: 'cumulative', direction: 'des
 
   const requestSort = key => {
     let direction = 'desc';
-    if (sortConfig && sortConfig.key === key && sortConfig.direction === 'desc') {
+    if (sortConfig != null && sortConfig.key === key && sortConfig.direction === 'desc') {
       direction = 'asc';
     }
     setSortConfig({key, direction});
@@ -96,7 +96,7 @@ export const RowLabel = (meta: TopNodeMeta | undefined): string => {
     return `${mapping} ${meta.function.name}`;
 
   const address = hexifyAddress(meta.location?.address);
-  const fallback = `${mapping} ${address as string}`;
+  const fallback = `${mapping} ${address}`;
 
   return fallback === '' ? '<unknown>' : fallback;
 };
@@ -109,11 +109,11 @@ export const TopTable = ({data: top, sampleUnit}: TopTableProps): JSX.Element =>
 
   const unit = sampleUnit;
 
-  const total = top ? top.list.length : 0;
+  const total = top != null ? top.list.length : 0;
   if (total === 0) return <>Profile has no samples</>;
 
   const getClassNamesFor = name => {
-    if (!sortConfig) {
+    if (sortConfig == null) {
       return;
     }
     return sortConfig.key === name ? sortConfig.direction : undefined;

package/src/components/DiffLegend.tsx

@@ -57,7 +57,7 @@ const DiffLegendBar = ({
 const DiffLegend = () => {
   const [showLegendTooltip, setShowLegendTooltip] = useState(false);
   const [popperElement, setPopperElement] = useState<HTMLDivElement | null>(null);
-  let [referenceElement, setReferenceElement] = useState<HTMLDivElement | null>(null);
+  const [referenceElement, setReferenceElement] = useState<HTMLDivElement | null>(null);
 
   const {styles, attributes, ...popperProps} = usePopper(referenceElement, popperElement, {
     placement: 'auto-start',

package/src/useDelayedLoader.ts

@@ -18,7 +18,7 @@ interface DelayedLoaderOptions {
 }
 
 const useDelayedLoader = (isLoading = false, options?: DelayedLoaderOptions) => {
-  const {delay = 500} = options || {};
+  const {delay = 500} = options != null || {};
   const [isLoaderVisible, setIsLoaderVisible] = useState<boolean>(false);
   useEffect(() => {
     let showLoaderTimeout;

package/src/useQuery.tsx

@@ -35,7 +35,7 @@ export const useQuery = (
   reportType: QueryRequest_ReportType,
   options?: UseQueryOptions
 ): IQueryResult => {
-  const {skip = false} = options || {};
+  const {skip = false} = options != null || {};
   const [result, setResult] = useState<IQueryResult>({
     response: null,
     error: null,
@@ -58,8 +58,8 @@ export const useQuery = (
     const call = client.query(req, {meta: metadata});
 
     call.response
-      .then(response => setResult({response: response, error: null, isLoading: false}))
-      .catch(error => setResult({error: error, response: null, isLoading: false}));
+      .then(response => setResult({response, error: null, isLoading: false}))
+      .catch(error => setResult({error, response: null, isLoading: false}));
   }, [client, profileSource, metadata, reportType]);
 
   return result;