Repository: vercel/next.js
Pull request: [devtools] Remove unused footer buttons

Closes NEXT-4570

Changed files:
filename: packages/next/src/next-devtools/dev-overlay/components/devtools-panel/devtools-panel-footer.tsx
patch: @@ -1,8 +1,6 @@
 import type { OverlayState } from '../../shared'
 
 import { DevToolsPanelVersionInfo } from './devtools-panel-version-info'
-import { QuestionIcon } from '../../icons/question'
-import { BugIcon } from '../../icons/bug'
 import { css } from '../../utils/css'
 
 export function DevToolsPanelFooter({
@@ -34,16 +32,6 @@ export function DevToolsPanelFooter({
           </span>
         </div>
       </div>
-      <div data-nextjs-devtools-panel-footer-action-button-group>
-        {/* TODO: Add help feature, details TBD */}
-        <button data-nextjs-devtools-panel-footer-action-button>
-          <QuestionIcon width={16} height={16} />
-        </button>
-        {/* TODO: Add debugging/report GitHub issue feature, details TBD */}
-        <button data-nextjs-devtools-panel-footer-action-button>
-          <BugIcon width={16} height={16} />
-        </button>
-      </div>
     </div>
   )
 }
@@ -86,42 +74,4 @@ export const DEVTOOLS_PANEL_FOOTER_STYLES = css`
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
   }
-
-  [data-nextjs-devtools-panel-footer-action-button-group] {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    padding-right: 8px;
-  }
-
-  [data-nextjs-devtools-panel-footer-action-button] {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-
-    padding: 4px;
-    background: var(--color-background-100);
-    background-clip: padding-box;
-    border: 1px solid var(--color-gray-alpha-400);
-    box-shadow: var(--shadow-small);
-    border-radius: var(--rounded-full);
-    color: var(--color-gray-800);
-
-    &:focus {
-      outline: var(--focus-ring);
-    }
-
-    &:not(:disabled):hover {
-      background: var(--color-gray-alpha-100);
-    }
-
-    &:not(:disabled):active {
-      background: var(--color-gray-alpha-200);
-    }
-
-    &:disabled {
-      background-color: var(--color-gray-100);
-      cursor: not-allowed;
-    }
-  }
 `

filename: packages/next/src/next-devtools/dev-overlay/icons/bug.tsx
patch: @@ -1,17 +0,0 @@
-export function BugIcon(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="16"
-      height="16"
-      viewBox="0 0 16 16"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M14.7251 1.46094L14.5386 2.18652C14.2059 3.47904 13.499 4.6208 12.5415 5.49219C12.8347 6.25544 13.0005 7.10444 13.0005 8H14.5005V9.5H12.8423C12.6813 10.2509 12.4008 10.9439 12.0288 11.5508L13.5854 12.3291L14.0005 12.5361V15H12.5005V13.4629L11.0601 12.7432C10.2143 13.5302 9.15361 13.9999 8.00049 14C6.84693 14 5.78497 13.5306 4.93896 12.7432L3.50049 13.4629V15H2.00049V12.5361L2.41553 12.3291L3.97021 11.5508C3.59836 10.944 3.3187 10.2506 3.15771 9.5H1.50049V8H3.00049C3.00051 7.10414 3.16515 6.25467 3.4585 5.49121C2.56961 4.68157 1.89685 3.63841 1.53955 2.45801L1.46338 2.18652L1.27686 1.46094L2.729 1.08691L2.9165 1.81348L2.9751 2.02344C3.21476 2.81535 3.63773 3.52735 4.19287 4.1123C5.10998 2.82023 6.47528 2 8.00049 2C9.52576 2.00013 10.8901 2.821 11.8071 4.11328C12.4117 3.4768 12.8597 2.69016 13.0854 1.81348L13.2729 1.08691L14.7251 1.46094ZM4.72314 6.40039C4.58033 6.88426 4.50051 7.41983 4.50049 8C4.50049 10.3463 5.81639 11.9606 7.25049 12.3867V7.20703C6.34105 7.10641 5.48679 6.8256 4.72314 6.40039ZM11.2759 6.40234C10.5127 6.82674 9.659 7.1066 8.75049 7.20703V12.3867C10.1843 11.9603 11.5005 10.346 11.5005 8C11.5005 7.42042 11.4184 6.88583 11.2759 6.40234ZM8.00049 3.5C7.04556 3.5 6.05037 4.05853 5.3667 5.04199C6.14105 5.49205 7.04074 5.74989 8.00049 5.75C8.95958 5.75 9.85822 5.49137 10.6323 5.04199C9.94875 4.05901 8.95512 3.50014 8.00049 3.5Z"
-        fill="currentColor"
-      />
-    </svg>
-  )
-}

filename: packages/next/src/next-devtools/dev-overlay/icons/question.tsx
patch: @@ -1,17 +0,0 @@
-export function QuestionIcon(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="16"
-      height="16"
-      viewBox="0 0 16 16"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM8 1.5C4.41015 1.5 1.5 4.41015 1.5 8C1.5 11.5899 4.41015 14.5 8 14.5C11.5899 14.5 14.5 11.5899 14.5 8C14.5 4.41015 11.5899 1.5 8 1.5ZM8 10C8.55229 10 9 10.4477 9 11C9 11.5523 8.55229 12 8 12C7.44772 12 7 11.5523 7 11C7 10.4477 7.44772 10 8 10ZM8 3.75C9.38051 3.75024 10.5 4.86943 10.5 6.25C10.5 7.3693 9.76385 8.31372 8.75 8.63281V9.25H7.25V8.25C7.25 7.67546 7.70314 7.30328 8.14258 7.24023L8.23242 7.22266C8.67218 7.118 9 6.72178 9 6.25C9 5.69786 8.55208 5.25024 8 5.25C7.60239 5.25017 7.25697 5.4828 7.0957 5.82227L6.77344 6.49902L5.41895 5.85547L5.74023 5.17773C6.14064 4.33511 7.00187 3.75017 8 3.75Z"
-        fill="currentColor"
-      />
-    </svg>
-  )
-}