From cfb8849d86ee405f7e8d5c98f5f8b7b17603d37c Mon Sep 17 00:00:00 2001
From: Sidney Alcantara <sidney@sidney.me>
Date: Thu, 9 Sep 2021 18:35:16 +1000
Subject: [PATCH] update lock icon

---
 src/components/SideDrawer/Form/FieldWrapper.tsx | 9 ++++-----
 src/components/Table/ColumnHeader.tsx           | 2 +-
 src/components/Table/ColumnMenu/index.tsx       | 2 +-
 3 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/components/SideDrawer/Form/FieldWrapper.tsx b/src/components/SideDrawer/Form/FieldWrapper.tsx
index 6b64d396..889abbba 100644
--- a/src/components/SideDrawer/Form/FieldWrapper.tsx
+++ b/src/components/SideDrawer/Form/FieldWrapper.tsx
@@ -4,7 +4,7 @@ import { makeStyles, createStyles } from "@material-ui/styles";
 import { Grid, Typography, IconButton } from "@material-ui/core";
 import DebugIcon from "@material-ui/icons/BugReportOutlined";
 import LaunchIcon from "@material-ui/icons/Launch";
-import LockIcon from "@material-ui/icons/Lock";
+import LockIcon from "@material-ui/icons/LockOutlined";
 
 import ErrorBoundary from "components/ErrorBoundary";
 import FieldSkeleton from "./FieldSkeleton";
@@ -112,10 +112,9 @@ export default function FieldWrapper({
           <Grid item>
             <IconButton
               component="a"
-              href={`https://console.firebase.google.com/project/${projectId}/firestore/data/~2F${(debugText as string).replace(
-                /\//g,
-                "~2F"
-              )}`}
+              href={`https://console.firebase.google.com/project/${projectId}/firestore/data/~2F${(
+                debugText as string
+              ).replace(/\//g, "~2F")}`}
               target="_blank"
               rel="noopener"
               aria-label="Open in Firebase Console"
diff --git a/src/components/Table/ColumnHeader.tsx b/src/components/Table/ColumnHeader.tsx
index 7429e3c0..56a2d0cf 100644
--- a/src/components/Table/ColumnHeader.tsx
+++ b/src/components/Table/ColumnHeader.tsx
@@ -15,7 +15,7 @@ import {
 } from "@material-ui/core";
 import SortDescIcon from "@material-ui/icons/ArrowDownward";
 import DropdownIcon from "@material-ui/icons/MoreHoriz";
-import LockIcon from "@material-ui/icons/Lock";
+import LockIcon from "@material-ui/icons/LockOutlined";
 
 import { FieldType } from "constants/fields";
 import { getFieldProp } from "components/fields";
diff --git a/src/components/Table/ColumnMenu/index.tsx b/src/components/Table/ColumnMenu/index.tsx
index a9d86169..bbabebad 100644
--- a/src/components/Table/ColumnMenu/index.tsx
+++ b/src/components/Table/ColumnMenu/index.tsx
@@ -2,7 +2,7 @@ import React, { useState, useEffect } from "react";
 
 import { Menu, ListItem, ListItemIcon, ListItemText } from "@material-ui/core";
 import LockOpenIcon from "@material-ui/icons/LockOpen";
-import LockIcon from "@material-ui/icons/Lock";
+import LockIcon from "@material-ui/icons/LockOutlined";
 import VisibilityOffIcon from "@material-ui/icons/VisibilityOffOutlined";
 import VisibilityIcon from "@material-ui/icons/VisibilityOutlined";
 import FreezeIcon from "assets/icons/Freeze";